title: Show a div with Fancybox
body: <p>On the click of a button, I'm trying to show a simple hidden div in a fancy box.  This is the code <em>that works</em>:</p>
  
  <pre><code>$("#btnForm").fancybox({ content: $("#divForm").html() });
  </code></pre>
  
  <p>But from what I've read, this doesn't seem to be the standard way to accomplish this.  I've tried each of the following, unsuccessfully:</p>
  
  <pre><code>$("#btnForm").fancybox({ href: "#divForm" });
  
  $("#btnForm").click(function () {
      $.fancybox({ href: "#divForm" });
  });
  
  $("#btnForm").click(function () {
      $("#divForm").fancybox();
  });
  </code></pre>
  
  <p>Can someone point me in the right direction on how to properly use this utility?  Here's my html:</p>
  
  <pre><code>    &lt;input type="button" value="Load Form" id="btnForm" /&gt;
  
      &lt;div id="divForm" style="display:none"&gt;
          &lt;form action="tbd"&gt;
              File: &lt;input type="file" /&gt;&lt;br /&gt;&lt;br /&gt;
              &lt;input type="submit" /&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  </code></pre>