title: Combining animate and load with jQuery
body: <p>I'm trying to slide out a <code>div</code>, and once complete, fade in content with a <code>.load</code> request. </p>
  
  <p>I'm not sure why this is incorrect, but this stops the animate and load completely:</p>
  
  <pre><code>$('.films').click(function(){
      $('.content-home').animate({left: "+=150%"}, "slow", function(){
          $( ".wrapper" ).load( "films.php", function(){
                   $(this).fadeIn();
          });
      });
  });
  </code></pre>
  
  <p>However, by reverting to this code, it still loads the content without any animation or fade:</p>
  
  <pre><code>$('.films').click(function(){
      $('.content-home').animate({left: "+=150%"}, "slow");
          $( ".wrapper" ).load( "films.php");
  });
  </code></pre>
  
  <p>Would anyone know why the first example does not perform as requested?</p>