why my JQM code doesn't work in google script?

why my JQM code doesn't work in google script?

Hi all, I'm new in this JQM world, so there is a quick question...

create a HTML file(list_checkbox.html) in google script as below:
  1. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
  2. <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
  3. <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

  4. <ul data-role="listview" data-filter="true" data-filter-placeholder="Search fruits..." data-inset="true">
  5.     <li><a href="#">Apple</a></li>
  6.     <li><a href="#">Banana</a></li>
  7.     <li><a href="#">Cherry</a></li>
  8.     <li><a href="#">Cranberry</a></li>
  9.     <li><a href="#">Grape</a></li>
  10.     <li><a href="#">Orange</a></li>
  11. </ul>
It should be shown as sth like this:





but actually shown like this...

Could someone help me out? BIG THANKS IN ADVANCE!