title: Fade in Background Image Only after Loading Fully
body: <p>I am trying to a load a big image background... Even though I am using <code>.load</code> the the image just loads normally and not having a smooth fadeIn after loading. Here's my code.</p>
  
  <pre><code>$(function(){
      var bgimage = new Image();      
      bgimage.src="http://placeimg.com/760/460/tech";       
  
      $(bgimage).load(function(){
          $(".feature").css("background-image","url("+$(this).attr("src")+")").fadeIn(slow);                  
      });
  });
  </code></pre>
  
  <p>Demo : <a href="http://jsfiddle.net/nud2bfb1/" rel="noreferrer">http://jsfiddle.net/nud2bfb1/</a></p>
  
  <p>What am I doing wrong?</p>