Javascript 在jquery中未调用pageinit

我正在使用jquerymobile的示例，我已经实现了代码，如下所示

   <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />
  <link rel="stylesheet" href="assets/css/styles.css" />
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
  <script type="text/javascript" src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>

       <script>
        $( document ).on( "pageinit", "#myPage", function() {
                alert("MOBILE");
         });
       </script>

脚本如下

   <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />
  <link rel="stylesheet" href="assets/css/styles.css" />
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
  <script type="text/javascript" src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>

       <script>
        $( document ).on( "pageinit", "#myPage", function() {
                alert("MOBILE");
         });
       </script>

下面是html代码

     <div data-role="page">
          <ul id="autocomplete" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Search Text..." data-filter-theme="d">
      </ul>

---

这里的问题是警报不会出现，有人能帮我怎么做吗？

首先包括jquery文件，然后像下面这样添加代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://jquerymobile.com/demos/1.2.1/js/jquery.mobile-1.2.1.js">
      <script>
            $(document).bind('pageinit', "#myPage", function() {
                    alert("MOBILE");
             });
           </script>

---

抱歉，Rituraj，但我已经添加了不包括在这里，因为任何人都可以关注我的问题，我已经包括了以下行放置ata的位置；但Rituraj在这个例子中工作得非常完美在你的视图中，最新的js名称替换为jQuery.js，所以主要的一点是你在代码中正确地包含了js文件，它找不到jQuery文件在哪里？我需要替换吗？你使用的是过时的库，使用最新的库。