title: Loading HTML in <div> before .ready
body: <p>At first I'm using JQuery Mobile. I have already investigated about loading HTML inside a div but I having some problems.</p>
  
  <p>The main idea is that I have 3 differents menus (which are lists) and each one stored in a HTML file generated by the server. /Menu1.html, /Menu2.html, /Menu3.html. It has to be this way because menus could change dynamically. </p>
  
  <p>So, the menus looks like this:</p>
  
  <pre><code>&lt;ul&gt;
    &lt;il&gt;&lt;a href="whatever1&gt; Option1 &lt;/a&gt;&lt;/li&gt;
      &lt;ul&gt;
        &lt;il&gt;&lt;a href="whatever1&gt; Option1.1 &lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;il&gt;&lt;a href="whatever2&gt; Option2 &lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I'm doing it this way:</p>
  
  <pre><code>    &lt;div id="menuview"&gt;
  
      &lt;/div&gt;
  
      &lt;script type="text/javascript"&gt;
          $("#menuview").load("data/menu1.html");
      &lt;/script&gt;
  </code></pre>
  
  <p>And it is loading the list, right, but without css. So What I'm seeing is just the list and not a JQM linked list view like the demo here: <a href="http://demos.jquerymobile.com/1.4.0/listview/" rel="nofollow">http://demos.jquerymobile.com/1.4.0/listview/</a></p>
  
  <p>If I copy the menu1.html inside the div manually it works perfectly.
  I'm not just asking for a solution, maybe is there any better way to do this and I don't know it.</p>
  
  <p>Thanks in advance!</p>