title: dynamic listview not being styled by jQuery Mobile
body: <p>I'm bringing external data via JSON for my app. The loading of data is OK.
  The problem is when I display this data. I have this page:</p>
  
  <pre><code>&lt;!-- cinema --&gt;
  &lt;div data-role="page" id="cinema"&gt;
      &lt;div data-role="header"&gt;
          &lt;h1&gt;WGBN Cinema Salvador&lt;/h1&gt;
      &lt;/div&gt;&lt;!-- /header --&gt;
  
      &lt;div data-role="content"&gt;
          &lt;ul data-role="listview" data-inset="true" data-divider-theme="d" id="programa"&gt;
  
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and this javascript to this page:</p>
  
  <pre><code>$(document).delegate("#cinema", "pageinit", function(data) {
          // loop nas salas
          $.each($.objCinema, function(key,value) {
              $("#programa").append('&lt;li data-role="list-divider"&gt;'+value.sala+'&lt;/li&gt;').trigger('create');
              $.each(value.filmes, function(a,b) {
                  $.each(b, function(c,d) {
                      $("#programa").append('&lt;li&gt;'+d+'&lt;/li&gt;').trigger('create');
                  });
              });
          });
      });
  </code></pre>
  
  <p>And even using .trigger("create") elements inserted in the page are not being styled by jQuery Mobile, I'm doing something wrong?</p>