title: datepicker is not working for dynamicaly created table rows
body: <p>I tried to implement to provide users to create rows dynamically. Rows are created successfully but <code>datepicker</code> filed is not working. My codes are like the following:</p>
  
  <pre><code>    &lt;tr id="input_row_0" class="input_row"&gt; 
          &lt;td&gt; &lt;sj:datepicker theme="simple" name="productionDate" displayFormat="ymmdd" maxlength="6" size="8" showButtonPanel="false"/&gt; &lt;/td&gt; 
          &lt;td&gt; &lt;s:textfield name="productName" /&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr id="add_new"&gt; 
          &lt;td colspan="4" align="right"&gt; Add New Rows &lt;/td&gt;
      &lt;/tr&gt;
  </code></pre>
  
  <p>And javascript/jquery codes for adding dynamic rows:</p>
  
  <pre><code>$(function(){
      // Add New Row    
      var counter = 1;  
     $( "#add_new" ).click(function() {
          var html = '&lt;tr id="input_row_'+counter+'" class="input_row" &gt;'+$("#input_row_0").html()+"&lt;/tr&gt;"; 
          $('.input_row:last').after(html) ; 
          $('.input_row:last button').attr('alt', 'input_row_'+counter) ; 
  
            counter++; 
      }); 
      });
  </code></pre>
  
  <p>Can anybody suggest me which part of the code I have to change so that the <code>datepicker</code> can work?</p>
  
  <p>[Note: I am working on JSP page and Struts 2 is used here]</p>