title: JQuery Mobile - Dynamic Count Bubbles
body: <p>I am creating a JQuery Mobile application that has a listview. I am populating that listview with the results of a web service. Because of this, the items in the list view are being populated as shown here:</p>
  
  <pre><code>$.each(results, function (i, result) {
    var s = "&lt;li&gt;&lt;h2 style='padding-left:40px;'&gt;" + result.title + "&lt;/h2&gt;&lt;p style='padding-left:40px;'&gt;";
    s += result.subTitle;
    s += "&lt;/p&gt;&lt;span class='ul-li-count'&gt;" + result.count + "&lt;/span&gt;&lt;/li&gt;";
  
    $("#resultListView").append(s);
  });
  $("#resultListView").listview("refresh");
  </code></pre>
  
  <p>My listview is being populated correctly. The value for the count bubble is showing. However, the UI does not render the bubble. Is there a way to dynamically build a result set with count bubbles in a list view? If so, how?</p>
  
  <p>Thank you!</p>