title: js-waypoints with animate.css fire too early somehow
body: <p>Dear stackoverflowers, </p>
  
  <p>somehow my waypoints fire when the page is loaded, not when they should fire. 
  The goal of my waypoint is, that it should fire when it's in the viewport and 90% away from the top. Then it should remove the class 'hidden' and 'animate fadeInUp' (using animate.css). </p>
  
  <p>Anybody with ideas for a solution?</p>
  
  <hr>
  
  <p><strong>Here's the HTML it should trigger when scrolled into viewport and 90% far from the top:</strong></p>
  
  <pre><code>&lt;div class="row hidden" id="waypoint"&gt;
  </code></pre>
  
  <p>That's the javascript I'm using, but currently fires automatically after the page loaded. </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $('#waypoint').waypoint(function() {
      $("#waypoint").removeClass("hidden");
      $("#waypoint").addClass("animated fadeInUp");
  }, {
  offset: '90%'
  });
  &lt;/script&gt; 
  </code></pre>
  
  <p>Here the links for the JS-Plugin and animate.css, I'm using.</p>
  
  <p><a href="http://imakewebthings.com/jquery-waypoints/" rel="nofollow">http://imakewebthings.com/jquery-waypoints/</a></p>
  
  <p><a href="http://daneden.me/animate/" rel="nofollow">http://daneden.me/animate/</a></p>
  
  <hr>
  
  <p>Thanks to the one who's able to solve this little mystery. </p>