title: Adding images to a JSon array
body: <p>I have a JSon array that displays in a JQuery Mobile list. It shows the description + price, but I'd like to add a picture Icon to the left.</p>
  
  <p>Any pointers on how I could achieve that ?
  Can I add an image tag to the "brand" ? Brand is where I'd like the image to display.</p>
  
  <p>Thanks !</p>
  
  <p>Here's my code.</p>
  
  <p><pre><code>// Json array
  var productList = {"products": [
      {"brand": "brand1", "description": "Product 1", "price": "03.25 "},
      {"brand": "brand2", "description": "Product 4", "price": "01.10 "},
      {"brand": "brand3", "description": "Product 3", "price": "04.21 "},
      {"brand": "brand4", "description": "Product 2", "price": "15.24 "},
      {"brand": "brand5", "description": "Product 5", "price": "01.52 "},
      {"brand": "brand6", "description": "Product 6", "price": "12.01 "},
      {"brand": "brand7", "description": "Product 7", "price": "05.24 "}</p>
  
  <p>]
  };</p>
  
  <p>// Name Descending</p>
  
  <p>function loadList() {</p>
  
  <pre><code>var list = $("#productList").listview();
  </code></pre>
  
  <p>var prods = productList.products.sort(function(a, b) {return a.description > b.description;});
  $.each(prods, function() {
      list.append("<li>" + this.description + "  :       " + this.price + "</li>");
  });</p>
  
  <pre><code>// CALL SORT BY NAME DESCENDING
  $(function(){
  </code></pre>
  
  <p>$("#sort-list").click(loadList2);
    });</p>
  
  $(list).listview("refresh");
  </code></pre>
  
  <p>}</p>