title: Foundation 6 modal flashes and closes
body: <p>While consulting various documentation regarding Foundation 6's reveal modal, the attempt to start with the modal open on a given page fails: the modal flashes appears for a moment then disappears.</p>
  <pre><code>&lt;div id='homeModal' class='reveal-modal' data-reveal&gt;
    &lt;h2&gt;Welcome ...&lt;/h2&gt;
    &lt;a class='close-reveal-modal'&gt;&amp;#215;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  <p>which is preceeded by javascript. I have attempted a few variations, based on forum discussions (or varants thereof):</p>
  <pre><code>$(document).foundation();
  $( document ).ready(function() {
     $('#homeModal').foundation('reveal', 'open');
  }
  </code></pre>
  <p>or  <a href="https://foundation.zurb.com/sites/docs/reveal.html#close" rel="nofollow noreferrer">according to the documentation</a></p>
  <pre><code>$(document).foundation();
  $(document).ready(function(){
    $('#homeModal').foundation('open')
  });
  </code></pre>
  <p>Given that the modal flashes, I hypothesize that the modal does fire, but immediately considers it ordered to close.</p>
  <p>How can this behave according to normal expecation, i.e. it is opened on page load and the user closes it?</p>