title: Apply css to listview after adding list elements
body: <p>I am adding elements to a list with JSON after I get the data I do the following :</p>
  
  <pre><code>success: function(data){          
    var list = $('#' + HTMLfieldName[index] + 'Ul');
    $.each(data, function() {
      newLi = document.createElement('li');
      ref = document.createElement('a');
      ref.innerHTML = this.description;
      ref.href = '#' + this.code;
      newLi.appendChild(ref);
     list.append(newLi);
     });          
  }
  </code></pre>
  
  <p>This works fine, but the elements in the lists are show as normal href ( blue and underscore ) instead of the nice CSS used in the listview examples.</p>
  
  <p>This is how the code looks after rendering :</p>
  
  <pre><code>&lt;ul class="levelUl ui-listview ui-listview-inset ui-corner-all ui-shadow" data-role="listview" data-inset="true" name="famUl" id="famUl"&gt;
    &lt;li&gt;&lt;a href="#2930"&gt;Finishing&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#2910"&gt;Speciality Printing&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#2900"&gt;Toner&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>If I paste that code in the HTML page it looks fine.</p>
  
  <p>Do I need to execute something to apply the CSS after it has been added to the page ?</p>