Clearing data in a cloned fieldset
<p>The fieldset in now cloning without retaining data from the previous fieldset as I intended. Thank you RobG and ATOzTOA for all your help. </p>

<p>The only problem I'm having now is the calendar is nonfunctional in the cloned fieldsets. </p>

<p>I have looked through several threads where people have had the same problem as me and I apologize for creating another thread on the subject.</p>

<p>Script for calendar dropdown.</p>

<pre><code>&lt;!-- calendar dropdown --&gt;
&lt;script&gt;
$(document).ready(function() {    
$("#datepicker").datepicker();      
});    
&lt;/script&gt;     
</code></pre>

<p>Script to clone the fieldset.</p>

<pre><code>&lt;!-- clone fieldset --&gt;          
&lt;script&gt;
var _counter = 0;
function Add() {
_counter++;
var oClone = document.getElementById("template").cloneNode(true);
oClone.id += (_counter + "");
document.getElementById("placeholder").appendChild(oClone);
var inputs = oClone.getElementsByTagName('input');
for (var i=0, iLen=inputs.length; 
i&lt;iLen; i++) {
inputs[i].value = '';
}
}
&lt;/script&gt;
</code></pre>

<p>Fieldset to be cloned. </p>

<pre><code>&lt;div id="placeholder"&gt;
&lt;!-- template --&gt;
&lt;div id="template"&gt;
&lt;!-- event fieldset --&gt;
&lt;fieldset&gt;           
  &lt;label class="field-first" required&gt;Event: &amp;#42;&lt;input type="text" name="event" value="" /&gt;&lt;/label&gt;
  &lt;label class="field-first" required&gt;Date: &amp;#42;&lt;input type="text" id="datepicker" name="date" value="" /&gt;&lt;/label&gt;
  &lt;label class="field-first" required&gt;Net Request Amount: &amp;#42;&lt;input type="text" name="request" value="" /&gt;&lt;/label&gt;

  &lt;div class="description"&gt;&lt;p&gt;Please type a &lt;strong&gt;&lt;em&gt;DETAILED&lt;/em&gt;&lt;/strong&gt; description of the item/event/activity:&lt;br /&gt;&lt;/p&gt;&lt;/div&gt;

  &lt;textarea name="describe" cols="60" rows="10" required&gt;&lt;/textarea&gt;
&lt;!-- event fieldset --&gt;
&lt;/fieldset&gt;
&lt;!-- template --&gt;      
&lt;/div&gt;
&lt;!-- placeholder --&gt;
&lt;/div&gt; 
&lt;!-- buttons --&gt;
&lt;button class="right-button" type="submit" name="submit" value="Submit"&gt;Submit&lt;/button&gt;
&lt;button class="left-button" "btn" type="button" name="Submit"  onclick="Add();"&gt;Add New Event&lt;/button&gt;
</code></pre>
