jquery/javascript content replace?how reusable
<p><a href="http://img163.imageshack.us/img163/6248/93306989.jpg" rel="nofollow">http://img163.imageshack.us/img163/6248/93306989.jpg</a></p>

<p>the images above show what i want,</p>

<p>i'm using Facebox to do the pop up content,so how can i make the pop up content dynamic?</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(function() {
        $('.openExample').click(function() {
            $.facebox($('#exampleSource').val()); 
            return false;
        });
    });
&lt;/script&gt;
</code></pre>

<p>the code above work just fine,but how can edit to reusable???</p>

<pre><code>&lt;form&gt;
&lt;textarea id="exampleSource" class="expand"&gt;
&lt;html&gt;
&lt;body&gt;

&lt;h1&gt;Heading&lt;/h1&gt;

&lt;p&gt;paragraph.&lt;/p&gt;

&lt;/body&gt;
&lt;/html&gt; 
&lt;/textarea&gt;
&lt;input type="Submit" value="Submit" class="openExample" /&gt;
&lt;input type="reset" value="Reset" /&gt;
&lt;/form&gt;
</code></pre>
