title: Foundation Orbit doesn't initialize
body: <p>I'm working with Foundation 4 framework. I've been trying to include the Orbit slide into my website, but I can't seem to get it to work.</p>
  
  <p>So I followed the steps in <a href="http://foundation.zurb.com/docs/components/orbit.html" rel="nofollow">Foundation documentation</a>. I've included all necessary scripts</p>
  
  <pre><code>&lt;script type="text/javascript" src="js/vendor/custom.modernizr.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/foundation.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/foundation/foundation.orbit.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;
  &lt;script&gt;
         $(document).foundation();
  &lt;/script&gt;
  </code></pre>
  
  <p>Then I tried to add a simple slideshow</p>
  
  <pre><code>&lt;ul data-orbit&gt;
         &lt;li&gt;
                Test1
         &lt;/li&gt;
         &lt;li&gt;
                Test2
         &lt;/li&gt;
         &lt;li&gt;
                Test3
         &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>But, instead of generating a slideshow all I get is an unnumbered list. I triple checked to make sure I didn't misspell anything. <a href="http://i.imgur.com/X58nYK3.png" rel="nofollow">Here</a>'s an example of what I get.</p>