title: Lazy loading images doesn't work in IE9 (Jquery, waypoint)
body: <p>Lazy loading images doesn't work in IE 9.0.8112.16421.</p>
  
  <p>Here is my code and example how it works:
  <a href="http://jsfiddle.net/BbA9M/46/" rel="nofollow">http://jsfiddle.net/BbA9M/46/</a></p>
  
  <p>When I open it in IE9 lazy loading images don't work, but when I click F12 and open developer tools and then refresh page, it's working great. </p>
  
  <p>I tried to add </p>
  
  <pre><code>&lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" /&gt;    
  </code></pre>
  
  <p>to my head, but it didn't help.</p>
  
  <p>Have you got any idea what should I do to run this code correctly in IE9?</p>
  
  <p>--
  EDIT</p>
  
  <p>When I change this part of code:    </p>
  
  <pre><code>if(deferred) {
  $(objImg).animate({opacity: 0.1}, 250, function(){
  objImg.src = deferred;
  console.log('Lazy loading img:', objImg.getAttribute('deferred'));
  }).animate({opacity: 1.0}, 1000);                        
  }         
  </code></pre>
  
  <p>to shorten:</p>
  
  <pre><code>if(deferred) {
  objImg.src = deferred;                                     
  }    
  </code></pre>
  
  <p>Then it works. Here is example: <a href="http://jsfiddle.net/BbA9M/53/" rel="nofollow">http://jsfiddle.net/BbA9M/53/</a> 
  Something is probably wrong with JQuery effect or IE9 has a strange issue.    </p>
  
  <p>--
  EDIT</p>
  
  <p>I've found solution. IE9 doesn't support this line when developer tools is off:</p>
  
  <pre><code>console.log('Lazy loading img:', objImg.getAttribute('deferred'));
  </code></pre>