title: jQM pagecontainer loading multiple pages
body: <p>I am using jqm 1.4.5 and having trouble using the pagecontainer's <code>load</code> method.  I am choosing to split my webapp into multiple html files for ease of management (I know some of you may disagree, but that's a discussion for another day).  In my <code>index.html</code> file, I can successfully load external <code>.html</code> files into the DOM, but the problem is when there is more than one page in the file.  I would expect that it would insert any <code>div</code> that has <code>data-role="page"</code>, but it only loads the first into the DOM.  For example, if I have the following code..</p>
  
  <pre><code>&lt;div data-role="page" id="page1" data-dom-cache="true"&gt;
      &lt;div role="main" class="ui-content"&gt;
          ...stuff...
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div data-role="page" id="page2" data-dom-cache="true"&gt;
      &lt;div role="main" class="ui-content"&gt;
          ...stuff...
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>...only <code>page1</code> will be loaded into the DONM.  <code>page2</code> will not.  I know this because of two things... all references to anything in <code>page2</code> fail and, when I look at the source in Chrome, <code>page2</code> is simply not there.  In order for me to get it into the DOM, I make <code>page2</code> a separate file, such as <code>page2.html</code>.  While I do this for most of the site, this isn't ideal 100% of the time - for example, if two pages are extremely closely related (for example, a login page and a lost password page).</p>
  
  <p>I am not sure how to proceed with this one.  Any help would be greatly appreciated.</p>