title: Images not loading in Chrome when changing img src via javascript
body: <p>I'm pulling album art from the Deezer API via AJAX for a Chrome extension I'm making however some of the images don't render. I'm fetching the album art for ~30 tracks and some display but some don't.</p>
  
  <p>The AJAX request completes and I receive the image url which I then add to the page with the following (The Date.getTime() was something I read to avoid caching):</p>
  
  <pre><code>var img = $("&lt;img /&gt;");
  img.attr('src', imageSrc + "?" + new Date().getTime());
  $(_this.dom).find(".card-image").html(img);
  </code></pre>
  
  <p>If I inspect the page, the  src is set correctly to <a href="http://cdn-images.deezer.com/images/cover/7f3d5b5c3c0358e3edc58ee8d9f6cabb/250x250-000000-80-0-0.jpg?1438639441322" rel="nofollow">http://cdn-images.deezer.com/images/cover/7f3d5b5c3c0358e3edc58ee8d9f6cabb/250x250-000000-80-0-0.jpg?1438639441322</a> for example but the  element itself has a height of 0 and nothing is displayed.</p>
  
  <p>If I open the image file in a new tab, it's displayed correctly so there isn't a problem with the link.</p>
  
  <p>Any ideas? This is driving me slowly insane. </p>
  
  <p>There's a screenshot here which shows the problem I'm having: <a href="http://i.stack.imgur.com/HaTxP.png" rel="nofollow">Screenshot</a></p>