title: Foundation 6 Modal Reveal not working
body: <p>I was hoping someone would be able to help with this. I can't seem to get the animations for the modal reveal in Foundation 6 working. I've basically copied and pasted it straight from their documentation but nothing. I see others have had issues but none of their solutions seemed to help me.</p>
  
  <p>Here's my complete code.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html class="no-js" lang="en"&gt;
      &lt;head&gt;
          &lt;link rel="stylesheet" href="css/themeat.min.css" /&gt;
          &lt;link rel="stylesheet" href="css/styles.css" /&gt;
          &lt;link rel="stylesheet" href="css/app.css"&gt;
      &lt;/head&gt;
  &lt;body&gt;
  
  &lt;p&gt;&lt;a data-toggle="animatedModal10"&gt;Click me for a modal&lt;/a&gt;&lt;/p&gt;
  
  &lt;div class="reveal" id="animatedModal10" data-reveal data-close-on-click="true" data-animation-in="spin-in" data-animation-out="spin-out"&gt;
    &lt;h1&gt;Whoa, I'm dizzy!&lt;/h1&gt;
    &lt;p class='lead'&gt;There are many options for animating modals, check out the Motion UI library to see them all&lt;/p&gt;
    &lt;button class="close-button" data-close aria-label="Close reveal" type="button"&gt;
      &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
    &lt;/button&gt;
  &lt;/div&gt;
  
  
      &lt;script src="js/vendor/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/vendor/what-input.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/foundation.min.js"&gt;&lt;/script&gt;    
      &lt;script src="js/app.js"&gt;&lt;/script&gt;
      &lt;script src="js/view.js?auto"&gt;&lt;/script&gt;
  
  &lt;script&gt;
     $(document).ready(function() {
        $(document).foundation();
     })
  &lt;/script&gt;
  
      &lt;/script&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Any help would be greatly appreciated. :)</p>
  
  <p>Thanks,</p>