Problem with displaying list thumbnail list in jqmobile

Problem with displaying list thumbnail list in jqmobile

Hello I have a problem with displaying  thumbnail list in jqmobile.

  1. If I tried>
  2. <ul data-role="listview" > 


  5. <li> 
  6. <img src="images/album-bb.jpg" /> 
  7. <h3><a href="index.html">Broken Bells</a></h3> 
  8. <p>Broken Bells</p> 
  9. </li> 
Is everything O.K and looks it like>


But if I try generate it dynamically via 

  1. $(document).ready(function () {
  2.     $.ajax({
  3.         type: "GET",
  4.         url: "data.xml",
  5.         dataType: "xml",
  6.         success: xmlParser
  7.     });
  8. });

  10. function xmlParser(xml) {

  12. //Hide .gif loader image if data are succesully fetched
  13.    // $('#load').fadeOut();

  15.     $(xml).find("SHOPITEM").each(function () {

  17.    $("ul").append("<li><img width=\"80px\" src=\""+$(this).find('IMGURL').text()+"\"/><h3><a href=\""+$(this).find('URL').text()+"\">"+$(this).find('PRODUCT').text()+"</a></h3><p>"+$(this).find('PRICE_VAT').text()+"</p></li>");
  18.         

  20.     });



  24. }
I got items displayed, but content is not formated correctly.

Where can be problem?

Thanks for aby advice..