title: jquery mobile ajax css refresh
body: <p>Using ajax to render a partial view, then on success need to show new data (which works) but the css is not being applied, ideas?</p>
  
  <pre><code>$.ajax({
                       url: baseUrl,
                       type: 'GET',
                       data: { date: date },
                       success: function (response) {
                           $('#schedule').html(response);
                       },
                       complete:function() {  $('#listId').listview('refresh');
                       },
  
                   });
  </code></pre>
  
  <p>View</p>
  
  <pre><code> &lt;ul data-role="listview" data-divider-theme="b" data-inset="true" id="listId"&gt;
                      &lt;li data-role="list-divider" role="heading"&gt;
                          @Model.AppointmentDate
                      &lt;/li&gt;
                      @foreach (var item in Model.Appointments)
                      {
                          &lt;li data-theme="c"&gt;
                              &lt;a href="/Schedule/MobileAppointmentEdit/@item.Id" data-transition="slide"&gt;
                                  @item.StartTime @item.Name
                              &lt;/a&gt;
                          &lt;/li&gt;
                      }
  
                  &lt;/ul&gt;
  </code></pre>