Add new fieldset elements with button click
<p>Is there any way with JavaScript to generate all the elements in the fieldset with the click of a button? Code below shows two textboxes and one textarea in a fieldset.When I press 'Add item button',I would like to generate the same textboxes and textarea within that fieldset.</p>

<p>Many thanks for your help. </p>

<pre><code>&lt;fieldset id="fieldset"&gt;
&lt;legend id="legend"&gt;Professional development&lt;/legend&gt;
&lt;p&gt;Item                     &lt;input type ="text" size="25"   name="prof_item" /&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;Duration                 &lt;input type ="text" size="25"   name="prof_duration" /&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;Enlargement              &lt;label for="enlargement"&gt;&lt;/label&gt;&lt;p&gt;&lt;/p&gt;
                            &lt;textarea name="textarea" cols="71" rows="5" id="prof_enlargement"&gt;
&lt;/textarea&gt;&lt;/p&gt;
&lt;p&gt;&lt;input type="submit" name="Submit" value="Add new item" id="add_prof" /&gt;&lt;/p&gt;
&lt;/fieldset&gt;
</code></pre>
