title: image not loaded after <img..> appended with jquery
body: <p>My website contains the following code:</p>
  
  <pre><code>&lt;ul class="thumbnails1"&gt;
    &lt;li&gt;
     &lt;img src="~/Images/man1.jpg" alt="n/a"/&gt;
     &lt;/li&gt;
  &lt;/ul&gt;
  &lt;input type="button" value="See More" onclick="OnSeeMore()"/&gt;
  &lt;script type="text/javascript"&gt;
  function OnSeeMore() {
    $('.thumbnails1').prepend('&lt;li&gt;&lt;img src="~/Images/man1.jpg" alt="n/a"/&gt;&lt;/li&gt;');
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>The original image appears well, but when i click "See More" button, I can see the list item is dynamically added, but the image shows the "alt" text n/a instead of the "man1.jpg" image. so what am I doing wrong?
  I basically try to copy google's image search behavior, by showing only some of the images in the DB and then show more upon request.</p>