Display html content inside fancybox?
<p>I am trying to figure out how to display some html content below and open image in <a href="http://fancyapps.com/fancybox/" rel="nofollow">fancybox</a>.
I've searched around but can only find how to display <em>only</em> html content inside the open window. I'd really appreciate any help. Thanks.
I've made a fiddle <a href="http://jsfiddle.net/jsykes/jzw5h55h/6/" rel="nofollow">here</a></p>

<pre><code> &lt;a id="single_image" href="http://fancyapps.com/fancybox/demo/1_s.jpg" width="400"&gt;&lt;img src="http://fancyapps.com/fancybox/demo/1_s.jpg" width="100"&gt;&lt;/a&gt;

&lt;p&gt;
Place this html content below the open image
&lt;/p&gt;
</code></pre>

<p>The jquery</p>

<pre><code>$("a#single_image").fancybox();
</code></pre>