title: jQuery Mobile listview refresh is not applying inset look and feel
body: <p>I'm pulling JSON data fromlocalstorage and using grep to filter out the items needed based on a selected ID.  I then take the filtered set and convert it ti "LI" items then append them to a UL container.  The UL container has the data-inset attribute set to yes.  When I apply listview("refresh") to the "UL" the inset look and feel is not applied (rounded corners on first and last items.</p>
  
  <p>Here's my code:</p>
  
  <pre><code>    var categoryId = 1;                 
      var data = JSON.parse(... data from localstorage...);
  
      //FILTER OUT DATA FOR THE SELECTED CATEGORY
      data = $.grep(data, function(el, i) 
      { 
          if (el.CategoryId == categoryId)
              return el;
      });
  
      //BUILD LI ELEMENTS FROM FILTERED LIST
      var categoryListItems = [];
      $.each(data, function(i, item) 
      {
          categoryListItems.push('&lt;li data-category-id="' + item.CategoryId + '" data-id="' + item.ListId + '"&gt;' + item.ListName + '&lt;/li&gt;');
      });
  
      $('ul#CategoryList li').remove();
      $('ul#CategoryList').append(categoryListItems.join('')).listview("refresh");
  </code></pre>
  
  <p>Looking at the resulting HTML, the CSS classes "ui-corner-top" and "ui-corner-bottom" are not getting applied after the refresh.  These are the classes that round the corners on the first and last li element for the inset look and feel.</p>
  
  <p>Any ideas as to why these classes are not getting applied?</p>