title: jQuery .animate/.each chaining
body: <p>I'm trying to combine matching something like:</p>
  
  <pre><code>$(".item").each(function(i) {
      //animation here
  });
  </code></pre>
  
  <p>with jQuery's inherent chaining functionality that forces the animation to wait until the previous animation has completed, e.g.:</p>
  
  <pre><code>$(".item").each(function(i) {
      $(this).animate({marginLeft:"0"}, 60);
  });
  </code></pre>
  
  <p>And then trigger a .load function after the animations have completed. Basically, I want to fade four items out in order [one after the next, not all at once], then load four new items into the same div, replacing the first four.</p>
  
  <p>How can I do this in a reusable/variable way?</p>