title: jQuery Mobile styles for an asynchronously included div
body: <p>I'm developing a mobile website using the jQuery Mobile library. I have a header, a footer and a content area on the main page, and any links are loaded into the content area using the following code:</p>
  
  <pre><code>$("a").click(function() {
  var toLoad = $(this).attr('href');
  
  // Loading image
  $('#content-body').html('&lt;table class="loader"&gt;&lt;tr&gt;&lt;td&gt;&lt;img src="&lt;?php echo SITE_ROOT; ?&gt;/img/ico/loader.gif" /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;');
  
  $('#content-body').load(toLoad);
  </code></pre>
  
  <p>This works fine, except that the jQuery Mobile styles don't apply to content included this way. For example, the <code>home</code> page includes buttons:</p>
  
  <pre><code>&lt;a href="?Inventory" data-role="button"&gt;Inventory&lt;/a&gt;
  </code></pre>
  
  <p>But when I load that page asynchronously into the <code>content</code> div, the links do not appear as buttons. Is there any way to tell jQuery Mobile to apply the mobile styles every-time <code>#content</code> is reloaded? </p>