title: Zurb Foundation 5 reveal modal not working
body: <p>I am trying to use zurb foundation 5 reveal modal. But it's not working and not open when I click on button. 
  I am using this html code.</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  &lt;link type="text/css" rel="stylesheet" href="css/foundation.css" /&gt;
  &lt;link type="text/css" rel="stylesheet" href="css/normalize.css" /&gt;
  &lt;title&gt;index&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="myModal" class="reveal-modal" data-reveal&gt;
    &lt;h2&gt;Awesome. I have it.&lt;/h2&gt;
    &lt;p class="lead"&gt;Your couch.  It is mine.&lt;/p&gt;
    &lt;p&gt;Im a cool paragraph that lives inside of an even cooler modal. Wins&lt;/p&gt;
    &lt;a class="close-reveal-modal"&gt;&amp;#215;&lt;/a&gt; &lt;/div&gt;
  &lt;a class="button" href="#" data-reveal-id="myModal"&gt;Click for a modal&lt;/a&gt;
  
  &lt;script src="js/vendor/jquery.js"&gt;&lt;/script&gt; 
  &lt;script src="js/foundation/foundation.js"&gt;&lt;/script&gt; 
  &lt;script src="js/foundation/foundation.reveal.js"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript"&gt; 
     $('#myModal').foundation();
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>