title: Jquery Waypoints not detecting viewport
body: <p>I'm using jquery waypoints to add/remove classes. Right now, I'm loading documents into a wrapper div. Code goes like this:</p>
  
  <pre><code>$(function () {
           $('.content-section').load('about.html');
       });
  </code></pre>
  
  <p>However, when it loads the html document, all the classes are added to their corresponding elements, even if they're not in viewport. The only way to get it working properly is if I adjust the screen size and back, then it starts to detect elements on their viewport properly.</p>
  
  <p>Anyone know why this is occurring?</p>
  
  <p>EDIT: I should also mention that I tested my website without loading external html docs. For example, I dropped all the elements from the 'about.html' into the main wrapper div, which is in another html doc of course, and waypoints detected the viewport just fine.</p>