title: Why can't I delay the population of an image?
body: <p>I am grabbing all images from the current DOM tree. I display them into my custom unify div and allow the user to select them.</p>
  
  <pre><code>var allImgs = $('img');
  
  allImgs.each(function (index) {
      var imgUrl = $(this).attr("src");
      var newImgTag = $('&lt;img&gt;&lt;/img&gt;');
      newImgTag.attr("src", imgUrl);
      newImgTag.attr("width", "100px");
      newImgTag.attr("height", "100px");
  
      $("#Image-Grid").append(newImgTag);  // this works
  
      newImgTag.click(function (event) {
          $('#Selected-Image').empty();
          $('#Selected-Image').append(newImgTag);   // this doesn`t work why????
      });
  });
  </code></pre>
  
  <p>I am able to get all image to display into my unify div.
  however, when I select one picture from unify div. image will not display properly.</p>
  
  <p>e.g I randomly pick a fashion site.
  <code>http://www.abercrombie.com/webapp/wcs/stores/servlet/ProductDisplay?catalogId=10901&amp;storeId=10051&amp;langId=-1&amp;categoryId=12266&amp;parentCategoryId=%5bLjava.lang.String%3b%403dc73dc7&amp;topCategoryId=12203&amp;productId=1014475</code></p>
  
  <p>When I select one of the pic, I notice that, the src link for the pic is something like this
  <code>/anf/50817/img/global/logo-print.png</code></p>
  
  <p>Why can't I display the picture later in the click event?</p>