title: How to programmatically trigger fancybox with an inline div?
body: <p>I want to make a fancybox appear when someone tries to submit a form. So I've got this:</p>
  
  <pre><code>$('#login-form').submit(function(e) {
      $.fancybox({
          content: '&lt;h2&gt;Hello Fancybox&lt;/h2&gt;',
          modal: true
      });
      return false;
  });
  </code></pre>
  
  <p>Works good, but I'd rather use my div than trying to specify all the HTML in the content string. Can I make it popup with this</p>
  
  <pre><code>&lt;div style="display:none" id="access-policy"&gt;
  blah blah blah
  &lt;/div&gt;
  </code></pre>
  
  <p>Instead?</p>