title: How to tell when an image is already in browser cache in IE9?
body: <p>IE9 is showing false <code>complete</code> property with the following:</p>
  
  <pre><code>$("&lt;img/&gt;",{src:"http://farm2.static.flickr.com/1104/1434841504_edc671e65c.jpg"}).each(function(){console.log(this.complete);});
  </code></pre>
  
  <p>If you run this code in a browser console, (allow enough time for the image to load) then run it again. IE9 is the only browser I've tested showing false the second time. This seems to be a known bug, from some simple google searching. 
  <strong>I need a workaround if anyone has one.</strong></p>
  
  <p>This could be a timing issue, as letting the code above set a global variable a la:</p>
  
  <pre><code>var img = $("&lt;img....
  </code></pre>
  
  <p>and then testing that variable's properties gives different results:</p>
  
  <pre><code>img[0].complete === true
  </code></pre>
  
  <p>and</p>
  
  <pre><code> img[0].readyState === "complete"
  </code></pre>
  
  <p>There must be some other way of getting this infomation. Any ideas... Thanks!</p>