title: Fadein() effect to a function: how to?
body: <p>I have this function that works well for lazy loading.</p>
  
  <pre><code>panel.find('img[data-src]').each(function(){
              element = $(this);
              element.attr('src', element.data('src'));
              element.removeAttr('data-src');
  </code></pre>
  
  <p>How can I give a <code>fadeIn()</code> effect to that removeAttr function?<br>
  I tried:</p>
  
  <pre><code>element.removeAttr('data-src').fadeIn();
  </code></pre>
  
  <p>but it doesn't work. The <code>img</code> code looks like this and I simply want the dot.png to fadeOut and the original.jpg to fade in.</p>
  
  <pre><code>&lt;img src="dot.png" data-src="original.jpg"&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/7s1yb1un/6/" rel="noreferrer">http://jsfiddle.net/7s1yb1un/6/</a><br>
  Thanks in advance</p>