title: how to make jQuery Mobile affect styles of newly created elements
body: <p><strong>Solution:</strong>
  This question has been asked and answered in another post:
  <a href="https://stackoverflow.com/questions/7999436/jquery-mobile-does-not-apply-styles-after-dynamically-adding-content">jQuery Mobile does not apply styles after dynamically adding content</a></p>
  
  <p><strong>original question:</strong></p>
  
  <p>I am using jQuery Mobile to design the UI of my app, it works on static html. For example, following code snippet would create a listview:</p>
  
  <pre><code>&lt;ul data-role="listview"&gt;
      &lt;li&gt;&lt;a href="acura.html"&gt;Acura&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="audi.html"&gt;Audi&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="bmw.html"&gt;BMW&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/tKhop.png" alt="listview created by jQuery Mobile"></p>
  
  <p>But if that piece of html code is created and appended on the fly, you would not see the effect added by jQuery Mobile, how can I make it work?</p>