title: jquery datepicker on a cloned form element
body: <p><strong>EDIT : I am able to get the date picker on cloned form element but when i select a date, the date is populated on the first div form element, rather than cloned form element</strong></p>
  
  <p>I am having problems in displaying a datepicker on a cloned form element.</p>
  
  <p>I have initialized a div (PopupReset div having a jsp form in it).</p>
  
  <p>when a button clicked I am copying and displaying the content of PopupReset in another div called "Popup" as modal dialog.</p>
  
  <pre><code>&lt;div id="PopupReset" style="display:none;"&gt;
  &lt;jsp:include page="Popup.jsp"&gt;&lt;/jsp:include&gt;
  &lt;/div&gt;
  
  
  &lt;div id="Popup" style="display:none"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>datepicker in both divs look same when I looked at the source code.
  But datepicker working on first div "PopupReset" where as it is not working modal dialog, which has copy of "PopupReset" html.</p>
  
  <pre><code> &lt;input type="text" name="enteredOn" size="10" maxlength="10" value="" id="_enteredOn" 
   class="enterDate hasDatepicker"&gt;
  
    jQuery( ".enterDate" ).datepicker({
          showOn: "focus",
          changeMonth: true,
          changeYear: true,
          dateFormat: dateFormat(),
          yearRange: "1901:-0"
  
          });
  </code></pre>
  
  <p>i am having the form cloned due to some constraints on the requirements.</p>
  
  <p>Please share any ideas on how to work this out.</p>
  
  <p>I appreciate your help!</p>
  
  <p>Thank you,
  Sri</p>