title: jQuery Mobile - How to link a html page which has some ajax in it within another html page
body: <p>I have an application developed using phoneGap and jQuery Mobile. On the first page there is a  navigation bar that the user clicks to navigate to a page which also has some ajax calls to get JSON feeds from a server. I am doing the following,</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;&lt;a href="sites.html" data-icon="home" class="ui-btn-active"&gt;My&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="profile.html" data-icon="gear"&gt;Recent&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>But the page is not loading. But if I open the page directly it works nicely. My ajax calls are in the document.ready() event. </p>
  
  <p>What can I do for this? </p>