title: Cloning a timepicker and datepicker
body: <p>After reading all the subjects about it, I couldn't find my solution.</p>
  
  <p>I have a datepicker and 2 timepickers fields that I would like to clone.
  Those are to declare an intervention (date, start time, end time) that can last several days.</p>
  
  <p>I don't want to copy the values from the first row in the new one, but I need all the fields to have a different id to store it in a database.</p>
  
  <p><strong>Example</strong> :</p>
  
  <pre><code>day 1 : 12-12-2013
  Start time 1 : 08:30
  End time 2 : 17:30
  day 2 : 14-12-2013
  Start time 1 : 09:30
  End time 2 : 14:30
  </code></pre>
  
  <p>My code for the fields is the following :</p>
  
  <pre><code>&lt;input type="text" size=10 name="RCFSRdate[]" id="RCFSRdate" value="&lt;?php echo $RCFSR_date; ?&gt;" /&gt;
  &lt;script type="text/javascript" &gt;
  $('.RCFSRdate').datepicker({dateFormat: 'yy-mm-dd'});
  &lt;/script&gt;
  
  &lt;input type="text" size=5 name="RCFSRstarttime" id="starttime" value="&lt;?php echo $RCFSR_starttime; ?&gt;" /&gt;
  &lt;script type="text/javascript"&gt;
  $('#starttime').timepicker({
     minuteGrid: 30,
     stepMinute: 30,
     timeSeparator: 'h'
  });
  &lt;/script&gt;
  
  &lt;input type="text" size=5 name="RCFSRendtime" id="endtime" value="&lt;?php echo $RCFSR_endtime; ?&gt;" /&gt;
  &lt;script type="text/javascript"&gt;
  $('#endtime').timepicker({
    minuteGrid: 30,
    stepMinute: 30,
    timeSeparator: 'h'
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I would like to add a button "add day" that will duplicate this bloc but increasing the id's AND the timepicker selector to allow me to have different values for each fields.
  I tried <em>relCopy</em> and other <em>jQuery</em> plugins with no success for the moment.
  I know I'm close to the solution, but I'm not good enough in js to know what I'm doing exactly..</p>
  
  <p>Any help is welcome !</p>
  
  <p>Thanks in advance</p>