title: jQuery wait till all page animations are done
body: <p>I know how to wait till an animation is done with</p>
  
  <pre><code>$('#element').animate(speed,function(){
  //code here
  });
  </code></pre>
  
  <p>and with multiple elements with</p>
  
  <pre><code>$('#element1, #element2').promise().done(function(){
  //code here
  });
  </code></pre>
  
  <p>but how do I wait till <strong>all</strong> of the elements on the page are done animating? I would much rather not just put in every element that I'm waiting for in there.</p>