title: Use jQuery load with fadeIn technique
body: <p>I'm trying to load a html page into an element using the jQuery load function. The problem is I'm getting a small flicker when the new content loads. </p>
  
  <p>You can see the demo page here - <a href="http://wwwdev.legendboats.com" rel="nofollow">http://wwwdev.legendboats.com</a> (click on the bottom boats to load the new content into the main area)</p>
  
  <p>Here is the code I'm currently using.</p>
  
  <pre><code>$("#mycarousel a").click(function() {
  
       $("#home_box div").fadeOut().load($(this).attr("href") + ' #featured_content', function(response, status, xhr) {
          $(this).fadeIn();
      });
  
      return false;
  });
  </code></pre>