title: Activating a Foundation 6 Reveal Modal with Javascript
body: <p>I'm currently activating a Foundation 6 Reveal Modal in the following way:</p>
  
  <pre><code>&lt;p&gt;&lt;button class="button" data-open="exampleModal1"&gt;Click me for a modal&lt;/button&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>How could I change above code to activate it with Javascript instead?</p>
  
  <p>Thanks!</p>