title: JqueryMobile dynamic css not rendering
body: <p>I have a 2 pages in a document. The active page displays a list and on click on the list, I display the second page. The <strong><code>content</code></strong> div of the second page is dynamically added along with some custom css in the JS. The below Java script does this job, but I am not able to get the css render. </p>
  
  <pre><code>   $("#showmore").live("click", function(event, param1){       
          getUrl = $(this).attr('data-href');
          $.post(getUrl, function(data){  
              $.mobile.hidePageLoadingMsg(); 
              $('#more').html(data);
              $.mobile.activePage.page().trigger('refresh');
          });    
      });    
  </code></pre>
  
  <p>I also tried <code>$.mobile.activePage.trigger('create');</code> .This works, but I go back and forth the two pages. But when i click on the list the second time the contents does not get rendered at all. Its a blank page with just the header!</p>
  
  <p>Can anyone share your expertise on how I can go about adding dynamic contents with css to a secondary page and display it as many times I want to from the same page? </p>