title: jquery Datepicker on clone rows
body: <p>im using the Datepicker that comes with jquery...</p>
  
  <p><strong>new.php</strong></p>
  
  <pre><code>&lt;html&gt;
  &lt;table id="testtable"&gt;
  &lt;tr id="table_row1"&gt;
  &lt;td&gt;&lt;input type="text" name="date[]" class="pickDate"&gt;&lt;/td&gt;
  &lt;td&gt;&lt;?php ...some php stuff here...?&gt; &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;label onclick="cloneRow('testtable','table_row1')"&gt;&lt;/label&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>index.php</strong></p>
  
  <pre><code>&lt;html&gt;
  &lt;php
  include('new.php')
  ?&gt;
  &lt;script&gt;
  $(document).ready(function() {
  $('.pickDate').each(function() {
      $(this).datepicker({ dateFormat: 'dd.mm.yy' });
  });
  });
  &lt;/script&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>javascript function for cloning:</p>
  
  <pre><code>function cloneRow(tablename,rowname) {
  var row = document.getElementById(rowname); // find row to copy
  var table = document.getElementById(tablename); // find table to append to
  var clone = row.cloneNode(true); // copy children too
  clone.id = "newID"; // change id or other attributes/contents
  table.appendChild(clone); // add new row to end of table
  }
  </code></pre>
  
  <p>So the problem is, on the first row, the datepicker is there, and works, but if i clone the row, the cloned one has no datepicker. </p>
  
  <p>I checked if the class gets cloned too, and yes it does. </p>
  
  <p>Im very new to jquery, but does jquery maybe not notice that there has been added a new row?</p>
  
  <p>How can i get this to work?</p>