title: animate each child jquery
body: <p>It's amazing how simple this should be but I can't get it to work. I'm looking to animate a set of divs one at a time. I am using animate.css for those familiar with it. I thought I may have found the answer <a href="https://stackoverflow.com/questions/7962244/jquery-animated-continuous-loop-through-children">here</a> but jsFiddle is not working at the moment. Anywho, the code is </p>
  
  <p><code>$('.elements').each(function(i)
  {
          $(this).addClass('animated slideInLeft').delay(500);
      });</code></p>
  
  <p>The problem is that when I debug and step through each element, the animation is happening for each element but when I let it run, it appears to all do it at once. What is needed to actually show the animation one at a time?</p>
  
  <p>Thanks</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>jsFiddle is back up and that link provided below did not help. The answer did not include looping through elements, but looping the animation itself.</p>
  
  <p><strong>EDIT 2</strong></p>
  
  <p>Here is a <a href="http://jsfiddle.net/KSwbz/" rel="nofollow noreferrer">Fiddle</a> to play with if you guys need one.</p>