title: jQuery waypoints delays
body: <p>I have three elements that I want to <code>fadeInUp</code> when I scroll over to them. But, now comes the delay part, I want the two elements appear after the first one has appeared. But, the problem is that, it's not happening as expected, they are all showing up at the same time. 
  Here's the fiddle : <a href="http://jsfiddle.net/4FNFW/138/embedded/result/" rel="nofollow">Fiddle</a> </p>
  
  <p>I want the two yellow circles to appear after the first one with delays of 0.5s and 1s respectively. I've tried adding the class "delay-05s" and "delay-1s" to the elements but for a reason, It's not happening.
  Also, here's a template that I'm trying to mimic, go over there and you'll see : <a href="http://tympanus.net/Freebies/HalcyonDaysTemplate/#" rel="nofollow">Halcyon Days BootStrap Template</a></p>