title: Include a few pages in one page in Jquery mobile
body: <p>I am working on an application using jquery mobile. I need to include a few pages in one preview page before a final Submit of form.</p>
  
  <p>Here is a basic idea about my application. It needs at least 10-15 forms to collect the data from user. And my html looks something like this:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Title&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;    
          &lt;div data-role="page" id="login-page"&gt;
  
          &lt;/div&gt;
  
          &lt;div data-role="page" id="form1-page"&gt;
              &lt;!-- CONTENT --&gt;
          &lt;/div&gt;
  
          &lt;div data-role="page" id="form2-page"&gt;
              &lt;!-- CONTENT --&gt;
          &lt;/div&gt;
  
          &lt;div data-role="page" id="preview-page"&gt;
              &lt;!-- CONTENT --&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I have linked my Preview button to preview page. The problem is, I want to include all the forms' page with filled values in preview page dynamically.</p>
  
  <p>Can anyone help me with that?</p>
  
  <p>P.S: I already tried to google. I found <a href="https://stackoverflow.com/a/8161840">this</a> answer. But may be I misunderstood something as it didn't work in my case.</p>
  
  <p>Note: I am rendering this in android webview.</p>