title: How to clone without including input values (using
body: <p>I am trying to clone part of a form without including the information that the user inputs into the first form. I am using the In-Field Labels jQuery Plugin.</p>
  
  <p>When I use val('') to address this problem, the value of the input is not duplicated, but the watermark for the In-Field Labels plugin doesn't appear as it should - it's just blank. </p>
  
  <p>Does anyone have any suggestions on how to resolve this problem, or even how to make the code I have more efficient/correct? Thank you.</p>
  
  <pre><code>(function() {
  var count = 0;
  
    $('#add-standard-button').live('click',function () {
  
      var source = $('.details'),
          clone = source.clone();
  
      clone.find('.copyme').val('').attr('id', function(i, val) {
          return val + count;
      });
      clone.find('.copyme').val('').attr('name', function(i, val) {
          return val + count;
      });
      clone.find('.placeholder').val('').attr('for', function(i, val) {
          return val + count;
      });
  
      clone.insertAfter('.details:last');
  
      count++;
  
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="details" id="standard-details"&gt;
    &lt;div class="markName"&gt;
      &lt;p&gt;
       &lt;span class="markName-field"&gt;
        &lt;label for="markName" class="placeholder"&gt;
         &lt;span&gt;Watermark Text Goes Here&lt;/span&gt;
        &lt;/label&gt;
        &lt;input type="text" name="markName" id="markName" class="copyme"&gt;
       &lt;/span&gt;
     &lt;/p&gt; 
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>