title: Opening a div in Facebox programmatically
body: <p>Using <a href="http://defunkt.io/facebox/" rel="nofollow">Facebox's documentation</a>, I'm attempting to pop up Facebox programmatically, with the Facebox content being that of a div that is in the document. </p>
  
  <p>The problem is is that it is not opening with that content - it's opening blank. What am doing wrong? The full code with example is contained in this jsFiddle: <a href="http://jsfiddle.net/N4B4v/1/" rel="nofollow">http://jsfiddle.net/N4B4v/1/</a></p>
  
  <pre><code>&lt;div id="#TEST10" style="display: none;"&gt;
      HEYYYY!
      &lt;br /&gt;
      &lt;br /&gt;
      heyyyyy!
  &lt;/div&gt;
  
  &lt;div style="margin-bottom: 10px;"&gt;
      &lt;a href="#" onclick="jQuery.facebox({ div: '#TEST10' }); return false;"&gt;&lt;input type="checkbox" name="AgreeToRequirements" /&gt;&lt;/a&gt;Open Facebox By Checking The Box
  &lt;/div&gt;
  </code></pre>