title: Open lightbox when page loads
body: <p>I'm using this plugin to show lightbox on a website
  <a href="http://www.zurb.com/playground/reveal-modal-plugin" rel="nofollow">http://www.zurb.com/playground/reveal-modal-plugin</a></p>
  
  <p>I want to load some modal automatically when the page load.
  I try using this but didn't work:</p>
  
  <p>ON HEAD</p>
  
  <pre><code>&lt;!-- REVEAL LIGHTBOX --&gt;
  &lt;script type="text/javascript" src="jquery.reveal.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="reveal.css"&gt;
  
  &lt;!-- script when page loads --&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function() {
     $('#flyer').reveal();
  });
  &lt;/script&gt;
  &lt;!-- REVEAL LIGHTBOX --&gt;
  </code></pre>
  
  <p>ON BODY</p>
  
  <pre><code>&lt;div id="flyer" class="reveal-modal large"&gt;
    &lt;h1&gt;Ahora tenemos flyer y todo&lt;/h1&gt;
    &lt;div id="flyer-img"&gt;&lt;/div&gt;
    &lt;a class="close-reveal-modal"&gt;&amp;#215;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I'm doing wrong?
  This is the page that I'm working
  www.cosaslindas.com/beta</p>
  
  <p>Many thanks.</p>