title: Confused on how to use new version of Waypoints with or without jQuery
body: <p>I am trying to use Waypoints 3 with or without jQuery and I can't get either one to work. The documentation isn't very helpful as it mentions adapters and extensions but doesn't say which ones to load and whether to load them before or after the main waypoint.js file. </p>
  
  <p>I'd like to go the jQuery route.</p>
  
  <p>Here is what I have right now...</p>
  
  <pre><code>&lt;script type="text/javascript" src="js/jquery-zepto-fn-extension.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery-waypoints-adapter.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/waypoints.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>In a main.js file I have...</p>
  
  <pre><code>var waypoints = $('p.number').waypoint(function(direction) {
      console.log("I'm 25% from the top");
  }, {
      offset: '25%'
  });
  </code></pre>
  
  <p>And of course the html is simple...</p>
  
  <pre><code>&lt;p class="number"&gt;100&lt;/p&gt;
  </code></pre>
  
  <p>This results in the following errors...</p>
  
  <p><strong>jquery-waypoints-adapter.js</strong></p>
  
  <pre><code>Uncaught TypeError: Cannot read property 'adapters' of undefined
  </code></pre>
  
  <p><strong>jquery-zepto-fn-extension.js</strong></p>
  
  <pre><code>Uncaught TypeError: undefined is not a function 
  </code></pre>