title: Zurb Foundation 6 Reveal doesn't work
body: <p>I've downloaded the new Zurb Foundation 6 complete package (<strong>Foundation for Sites</strong>). The archived file contains the following files and folders:</p>
  
  <pre><code>[css] &gt; app.css, foundation.css, foundation.min.css
  [img] &gt; [empty folder]
  [js]  &gt;
    app.js
    foundation.js
    foundation.min.js
    vendor &gt; jquery.min.js, what-input.min.js
  </code></pre>
  
  <p>I included the JS file in the footer and the CSS at the header:</p>
  
  <pre><code>&lt;!-- foundation library and initialization --&gt;
  &lt;script src="/Foundation/js/foundation.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
    $(document).foundation();
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>Error in Chrome</strong></p>
  
  <p>I try to use REVEAL component (it worked in Foundation 5), but this time it throws me an error:</p>
  
  <pre><code>Uncaught ReferenceError: We're sorry, 'reveal' is not an available method for i.
  </code></pre>
  
  <p>I've looked inside the Foundation.min.js and it has REVEAL in it. I download the complete package, so it should work, but it doesn't. </p>
  
  <p><strong>The JS code that should trigger the modal:</strong></p>
  
  <pre><code>$('#submit-modal').foundation('reveal', 'open');
  </code></pre>
  
  <p><strong>UPDATE 1:</strong> Tried on a fresh page:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head runat="server"&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;link href="/Foundation/css/foundation.min.css" rel="stylesheet" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="row"&gt;this is the body of the page&lt;/div&gt;
       &lt;div id="popup-modal" class="reveal-modal full" data-reveal aria-labelledby="pop-up-modal-title" aria-hidden="true" role="dialog"&gt;
           test
       &lt;/div&gt;
  
  &lt;script src="/Foundation/js/vendor/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;!-- foundation library and initalization --&gt;
  &lt;script src="/Foundation/js/vendor/what-input.min.js"&gt;&lt;/script&gt;
  &lt;script src="/Foundation/js/foundation.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
      $(document).foundation();
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The text of the popup appeared on the page, it's even not hidden by default, and I get an error: <code>Uncaught ReferenceError: We're sorry, 'Reveal' is not an available method for Reveal</code> when trying to run the command:</p>
  
  <pre><code>$('#popup-modal').foundation('reveal', 'open');
  </code></pre>
  
  <p>From the console.</p>
  
  <p>Foundation 6 is a fresh release, and I;ve might missed something. I upgraded to Foundation 6 from Foundation 5. Foundation 5 Reveal worked ok, but after changing to the new Foundation 6 some components start not working out.</p>
  
  <p>I checked the Documentation and the initialization and classes are the same.</p>