How can i clone a fieldset without displaying it to the user?
<p>I have a fieldset here:</p>

<pre><code>&lt;fieldset class="pollQuestion" id="pq1"&gt;
    &lt;legend id="legend"&gt;Q&amp;A&lt;/legend&gt;
    &lt;ul&gt;
        &lt;li&gt;
            &lt;input type="text" id="formheader" value="Question 1""&gt;&lt;/input&gt;
        &lt;/li&gt;
        &lt;li&gt;
            &lt;input type="button" class="addQuestion" value="Add Question" /&gt;
            &lt;input type="button" class="delQuestion" value="Remove Question" /&gt;
        &lt;/li&gt;
        &lt;label&gt;Answers&lt;/label&gt;
        &lt;li id="answerFields"&gt;
            &lt;input type="text" id="formanswer1" value="" /&gt;
        &lt;/li&gt;
        &lt;li&gt;
            &lt;input type="button" class="addAnswer" value="Add Answer" /&gt;
            &lt;input type="button" class="delAnswer" value="Remove Answer" /&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
&lt;/fieldset&gt;
</code></pre>

<p>I want to clone() this because i may populate it with array contents or i may just not fill it out at all. I would like a function like:</p>

<pre><code>$(document).ready(function () {
    window.clone = $('#pq1').clone();
});
</code></pre>

<p>but i can't get it to work for some reason</p>

<p>I have an example fiddle <a href="http://jsfiddle.net/rayd360/DsVj2/4" rel="nofollow">here</a>.</p>
