title: jquery waypoint infinite scroll not working
body: <p>I'm trying to implement simple infinite scroll for div elements using Waypoints.
  so I followed their tutorial and came up with very simple markup, but it doesn't work.
  any suggestions? </p>
  
  <p>code:</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html lang="en" class=" js flexbox opacity"&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;
  
  &lt;title&gt;Infinite SCroll - test&lt;/title&gt;
      &lt;script src="jquery-1.11.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="jquery.waypoints.min.js"&gt;&lt;/script&gt;
      &lt;script src="infinite.js"&gt;&lt;/script&gt;
  
  
      &lt;link href="style.css" rel="stylesheet"&gt;
  
      &lt;script&gt;
          function infiniteExample() {
          var infinite = new Waypoint.Infinite({
            element: $('.infinite-container')[0]
          })
        }
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  
  
  &lt;div class="infinite-container waypoint"&gt;
    &lt;div class="infinite-item"&gt;1&lt;/div&gt;
    &lt;div class="infinite-item"&gt;2&lt;/div&gt;
    &lt;div class="infinite-item"&gt;3&lt;/div&gt;
    &lt;div class="infinite-item"&gt;4&lt;/div&gt;
    &lt;div class="infinite-item"&gt;5&lt;/div&gt;
    &lt;div class="infinite-item"&gt;6&lt;/div&gt;
    &lt;div class="infinite-item"&gt;7&lt;/div&gt;
    &lt;div class="infinite-item"&gt;8&lt;/div&gt;
    &lt;div class="infinite-item"&gt;9&lt;/div&gt;
    &lt;div class="infinite-item"&gt;10&lt;/div&gt;
  &lt;div class="infinite-item"&gt;11&lt;/div&gt;&lt;div class="infinite-item"&gt;12&lt;/div&gt;&lt;div class="infinite-item"&gt;13&lt;/div&gt;&lt;div class="infinite-item"&gt;14&lt;/div&gt;&lt;div class="infinite-item"&gt;15&lt;/div&gt;&lt;div class="infinite-item"&gt;16&lt;/div&gt;&lt;div class="infinite-item"&gt;17&lt;/div&gt;&lt;div class="infinite-item"&gt;18&lt;/div&gt;&lt;div class="infinite-item"&gt;19&lt;/div&gt;&lt;div class="infinite-item"&gt;20&lt;/div&gt;&lt;div class="infinite-item"&gt;21&lt;/div&gt;&lt;div class="infinite-item"&gt;22&lt;/div&gt;&lt;div class="infinite-item"&gt;23&lt;/div&gt;&lt;div class="infinite-item"&gt;24&lt;/div&gt;&lt;div class="infinite-item"&gt;25&lt;/div&gt;&lt;div class="infinite-item"&gt;26&lt;/div&gt;&lt;div class="infinite-item"&gt;27&lt;/div&gt;&lt;div class="infinite-item"&gt;28&lt;/div&gt;&lt;div class="infinite-item"&gt;29&lt;/div&gt;&lt;div class="infinite-item"&gt;30&lt;/div&gt;&lt;div class="infinite-item"&gt;31&lt;/div&gt;&lt;div class="infinite-item"&gt;32&lt;/div&gt;&lt;div class="infinite-item"&gt;33&lt;/div&gt;&lt;div class="infinite-item"&gt;34&lt;/div&gt;&lt;div class="infinite-item"&gt;35&lt;/div&gt;&lt;div class="infinite-item"&gt;36&lt;/div&gt;&lt;div class="infinite-item"&gt;37&lt;/div&gt;&lt;div class="infinite-item"&gt;38&lt;/div&gt;&lt;div class="infinite-item"&gt;39&lt;/div&gt;&lt;div class="infinite-item"&gt;40&lt;/div&gt;&lt;/div&gt;
   &lt;/div&gt;
  
  
  
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>