title: jQuery mobile's loadpage() inserts an empty container
body: <p>I am having an issue with the jQuery mobile's loadPage() method. I am using the method to load a popup container. When the page gets loaded, the #popup DIV is empty (no .header, .content, or .footer DIVs) when I inspect it. Am I doing something wrong?</p>
  
  <p><strong>HTML (popup.php)</strong></p>
  
  <pre><code>&lt;div id="popup" data-role="popup" data-overlay-theme="a"&gt;
      &lt;div class="header" data-role="header"&gt;
          &lt;h1&gt;Title&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div class="content" data-role="content" data-iscroll&gt;
          Something.
      &lt;/div&gt;
      &lt;div class="footer" data-role="footer"&gt;
          &lt;a class="close" href="#" data-rel="back" data-role="button" data-inline="true" data-mini="true"&gt;Close&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JavaScript</strong></p>
  
  <pre><code>$(document).on('pagecreate', '.find-page', function() {
      // load popup once
      if (!$('#popup').length) {
          $.mobile.loadPage('popup.php', { changeHash: false });
      }
  });
  </code></pre>