title: Launch parallel load images and use it when fully loaded
body: <p>i'm using jquery mobile to load from remote json the information and then put it on list each whit a thumbnail. The problem it's i like to show a loading image until each image was loaded.</p>
  
  <p>I try to use an id from each image and replace the src of this. But it's not a clean way.</p>
  
  <pre><code>// Add each json elemnt to list with image with id
  $('#list_nearbys').append("&lt;li&gt;&lt;a href=''&gt;&lt;img id=" + this.id + " src='" + image + "' width='115' height='115'&gt;&lt;/img&gt;&lt;/p&gt;&lt;h3&gt;" + this.title + "&lt;/h3&gt;&lt;p&gt;" + this.description + 
  "&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;");
  
  // refresh the list
  $('#list_nearbys').listview('refresh');
  
  // Here i modify the original image with a loading image
  $("img[id$='" + this.id + "']").attr('src', "images/ajax-loader.gif");
  
  // Here i should launch the load from image and when the image was loaded replace with this.
  </code></pre>
  
  <p>Any idea ? Thanks in advance</p>