title: jQuery mobile listview refresh
body: <p>I have the listview refresh functioning appropriately with a dynamically built list after load except for one issue.  The last <code>&lt;li&gt;</code> tag in the list does not get any styling applied to it.</p>
  
  <p>The refresh actually adds the the <code>ui-btn ui-btn-icon-right ui-li ui-corner-bottom ui-btn-up-c</code> class to the second to last <code>&lt;li&gt;</code> tag.</p>
  
  <p>Any ideas why this would be happening?</p>
  
  <p>Attached is the function that is dynamically generating the list:</p>
  
  <pre><code>function createSidebarEntry(marker, name, phone, address, distance) {
    var saddr = document.getElementById('addressInput').value;
    var li = document.createElement('li');
    var html = '' + name + ' (' + distance.toFixed(1) + ' miles)' + address + phone +'&lt;a href="http://maps.google.com/maps?saddr='+ saddr +'&amp;daddr=' + address +'" /&gt;&lt;/a&gt;';
    li.innerHTML = html;
  
    $('#locationList').listview('refresh'); 
  
    return li;
  
  }
  </code></pre>