JQuery mobile run time change html (jQuery('#xx').html(html);)
<p>I took the code in: <a href="http://jquerymobile.com/demos/1.0/docs/about/getting-started.html" rel="nofollow">http://jquerymobile.com/demos/1.0/docs/about/getting-started.html</a>
it works fine, </p>

<p>then I try to build the same dynamically , but this not works at all!
Empty page!!!!!!!
here, not works:</p>

<pre><code>$(document).ready(function () {

     var html = '';

     html += '&lt;div data-role="page"&gt;';

     html += '&lt;div data-role="header"&gt;';
     html += '&lt;h1&gt;My Title&lt;/h1&gt;';
     html += '&lt;/div&gt;';

     html += '&lt;div data-role="content"&gt;';
     html += '&lt;p&gt;Hello world&lt;/p&gt;    ';
     html += '&lt;/div&gt;';

     html += '&lt;/div&gt;';
     jQuery('#divData').html(html);
     return false;
 });
</code></pre>

<p>And this HTML:</p>

<pre><code>&lt;div id="divData"&gt; 
&lt;/div&gt;
</code></pre>

<p>WHY?</p>
