title: Dynamically appending listview with XML loses jQuery mobile styling
body: <p>I have a hybrid application that allows you to select an ID from a  list and when search is clicked it should retrieve all associated notes and append them into the listview "my-list". </p>
  
  <p>So far, I have no issues getting and displaying the data but it will not display as it should using JQuery mobile. </p>
  
  <p>SCRIPT:</p>
  
  <pre><code>&lt;script&gt;  
  function OnSuccess(xml) {  
      var output = '';  
      $(xml).find("Note").each(  
      function () {  
      output += '&lt;li data-role="collapsible" data-iconpos="right" style="padding:0"'  
      output += '&lt;h2&gt;' + $(this).find("TITLE").text() + '&lt;/h2&gt;'  
      output += '&lt;ul data-role="listview"&gt;'  
      output += '&lt;li&gt;ID: ' + $(this).find("ID").text()
      output += 'Type: ' + $(this).find("TYPE").text()
      output += 'By: ' + $(this).find("PUBLISHER").text()
      output += 'Date: ' + $(this).find("DATE").text()
      output += '&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt;'
      });
  
      $('#my-List').html(output);
      }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>I simply wish to append "my-list" as I am already doing but why isn't my jQuery collapsible list working?</p>
  
  <p>Thanks!</p>