title: jQuery mobile css and js not applied to the content loaded with .load()
body: <p>so..here is the scenario<br>
  i have a page with data-role="page" and one header container and footer divs - normal jquery mobile page structure.</p>
  
  <p>Now in my content div i have two divs. out of which in one of the div i'm loading some other content dynamically having buttons and textboxes with data-role specified.</p>
  
  <p>now the problem:</p>
  
  <p>while loading new page in the div the controls are not displayed as mobile controls instead they look like normal html controls. This may be due to as they are loading after the dom is ready they are not getting the jqm js and css.</p>
  
  <p>following is the page structure.</p>
  
  <pre><code>     &lt;html&gt;
       &lt;head&gt;
       &lt;link rel="stylesheet" href="styles/jquerymobile.css" type="text/css" /&gt;
       &lt;script src="scripts/jquery.js"&gt;&lt;/script&gt;
       &lt;script src="scripts/jquery.mobile.js"&gt;&lt;/script&gt;
       &lt;/head&gt;
       &lt;body&gt;
       &lt;div  data-role="page"&gt;
       &lt;div data-role="header"&gt;
       &lt;/div&gt;
       &lt;div data-role="content"&gt;
       &lt;div id="static_content"&gt;&lt;/div&gt; // no problem to this.
       &lt;div id="dynamic_content"&gt;&lt;/div&gt; // dynamic content used .load() - no jqm css loaded :(
       &lt;/div&gt;  
       &lt;/div&gt;
       &lt;/body&gt;
       &lt;/html&gt;   
  </code></pre>
  
  <p>any help will be appreciated.</p>