title: add dynamically data-role pages
body: <p>I want add dynamically data-role pages in my phonegap application. I thought that I can do this with something like this but isn't working</p>
  
  <pre><code>jQuery(function()
  {     
      var theList = jQuery('#results');      
      for(i=0; i&lt;mytool_array.length; i++)     
      {           
          content = '&lt;div data-role="page" id="page'+i+'"&gt;&lt;div data-role="header" data-backbtn="false"&gt;&lt;/div&gt;&lt;div data-role="content"&gt;&lt;p&gt;page=+'+i+'&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;'; 
          theList.append(content);    
      }   
  })
  
  Im my HTML:
  &lt;div id="results"&gt;&lt;/div&gt;
  </code></pre>