Foundatoin reveal: foundation.core.js:190 TypeError: Cannot read property 'register' of undefined
<p>I have installed foundation 6 and all appeared to be working ok so far. Now I wanted to add a reveal modal. jQuery v2.2.4 is added and the loaded the necessary libraries as below from FOUNDATION_VERSION = '6.2.1';: </p>

<pre><code>&lt;script src="/assets/js/foundation.core.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="/assets/js/foundation.util.mediaQuery.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="/assets/js/foundation.reveal.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script&gt;
    $(document).foundation();
&lt;/script&gt;
&lt;/body&gt;
</code></pre>

<p>Then added the example modal from the foundation website:</p>

<pre><code>&lt;p&gt;&lt;a data-open="exampleModal1"&gt;Click me for a modal&lt;/a&gt;&lt;/p&gt;

&lt;div class="reveal" id="exampleModal1" data-reveal&gt;
    &lt;h1&gt;Awesome. I Have It.&lt;/h1&gt;
    &lt;p class="lead"&gt;Your couch. It is mine.&lt;/p&gt;
    &lt;p&gt;I'm a cool paragraph that lives inside of an even cooler modal. Wins!&lt;/p&gt;
    &lt;button class="close-button" data-close aria-label="Close modal" type="button"&gt;
        &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
    &lt;/button&gt;
&lt;/div&gt;
</code></pre>

<p>On loading the page I see a console log error:</p>

<p>foundation.core.js:190 TypeError: Cannot read property 'register' of undefined</p>

<p>I tried to load the tabs library and again copy the example html but the same issue occurs.</p>