title: $.mobile.changePage not changing page?
body: <p>here is HTML code:</p>
  
  <pre><code> &lt;div data-role="page" id="mainMenu"&gt;
      &lt;div data-role="header"&gt;
  
      &lt;/div&gt;
      &lt;div data-role="content"&gt;
      &lt;ul data-role="listview" data-inset="true"
                                          style="margin-top:50%; margin-left:20%;"&gt;
       &lt;li id="prayerId" data-theme="b"&gt;&lt;a href="#"&gt;&lt;img
                                                  src="css/images/namazimage.jpg" /&gt;PRAYERS &lt;/a&gt;
                                          &lt;/li&gt;
       &lt;li id="goalId" data-theme="e"&gt;&lt;a href="#"&gt;&lt;img
                                                  src="css/images/namazimage.jpg" /&gt;GOAL &lt;/a&gt;
                                          &lt;/li&gt;
  
       &lt;/ul&gt;
       &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- //////////////////////// PRAYER PAGE START //////////////////////////////////////  --&gt; 
          &lt;div data-role="page" id="prayer"&gt;
              &lt;div data-role="header" data-theme="b"&gt;&lt;/div&gt;
              &lt;div data-role="content"&gt;&lt;/div&gt;
              &lt;div data-role="footer" data-theme="e" data-position="fixed"&gt;
  
                  &lt;div data-role="navbar"&gt;
  
                      &lt;ul&gt;
                          &lt;li id="namazId"&gt;&lt;a href="#" data-role="tab" data-icon="grid"&gt;NAMAZ&lt;/a&gt;&lt;/li&gt;
                          &lt;li id="fastId"&gt;&lt;a href="#" data-role="tab" data-icon="grid"&gt;FAST&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
  
  &lt;!-- //////////////////////// PRAYER PAGE END //////////////////////////////////////  --&gt;
  </code></pre>
  
  <p>this s the code which is written in separate js file:</p>
  
  <pre><code>$('#mainMenu').live('pageinit', function() {
      $('#prayerId').off('click').on('click', function() {
          alert("prayer id");
          $.mobile.changePage("#prayer", null, true, true);
          //$.mobile.changePage('#loginPage', null, true, true);
  
      });
  });
  $('#prayer').live('pageinit',function()
   {  
      alert("prayer page");
      $('#namazId').off('click').on('click', function() {
          alert("namaz page");
          //$.mobile.changePage('#mainMenu', null, true, true);
          $.mobile.changePage('#namazPage', null, true, true);
  
      });
  });
  </code></pre>
  
  <p>but over here change page is not working all references of jquery and cordova is already added using cordova 2.0.0 and jquery 1.7.1</p>