title: JQuery Mobile swipe to navigate as single page style
body: <p>I am new to JQuery Mobile. Currently trying to use JQM in an ASP.NET MVC project. I am following <a href="http://demos.jquerymobile.com/1.4.2/transitions/swipe-page/" rel="nofollow">this tutorial</a> found on JQM official site. But it uses multiple html pages. </p>
  
  <pre><code>&lt;div data-role="page" id="page2" data-prev="page1" data-next="page3"&gt;
      &lt;div role="main" class="ui-content"&gt;
          .....
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here <code>data-next="page3"</code> is used to show page3.html. My question-  is <strong>page3.html</strong> being loaded by ajax while viewing <strong>page2.html</strong> ?. If I would like to use all the pages in a single html file by using <em>JQM Page</em>, how should i proceed?</p>