title: jquery Dynamicaly clone fields and increment id
body: <p>How can I clone this block and also increment the title number and if possible increment the ids?</p>
  
  <p>To each  div "block-1" i want to have add and delete option. 
  Thanks in advance</p>
  
  <pre><code>&lt;div class="block-1"&gt;
  
    &lt;div class="fieldset-emp"&gt;
      &lt;fieldset&gt;
  
        &lt;h4&gt;title 1&lt;/h4&gt;
        &lt;label class="field-first  arrow"&gt;First Name&lt;em class="required"&gt;&amp;#42;&lt;/em&gt;&lt;input type="text" name="first_name" id="first_name" value="" /&gt;&lt;/label&gt;
        &lt;label class="field-last  arrow"&gt;Last Name&lt;em class="required"&gt;&amp;#42;&lt;/em&gt;&lt;input type="text" name="last_name" id="last_name" value="" /&gt;&lt;/label&gt;
  
        &lt;label class="field-mi  arrow"&gt;Middle Initial&lt;em class="required"&gt;&amp;#42;&lt;/em&gt;&lt;input type="text" name="mi" id="mi" value="" /&gt;&lt;/label&gt;
        &lt;label class="field-ssn  arrow"&gt;Social Security #&lt;em class="required"&gt;&amp;#42;&lt;/em&gt;&lt;input type="text" name="ssn" id="ssn" value="" /&gt;&lt;/label&gt;
        &lt;div class="eesradioitem-1"&gt;
          &lt;label class="field-faddress  arrow"&gt;Foreign Address&lt;em class="required"&gt;&amp;#42;&lt;/em&gt;&lt;/label&gt;
          &lt;div class="eesradioitem"&gt;
            &lt;label&gt;Yes &lt;/label&gt;
            &lt;input type="radio" name="faddress" value="yes" /&gt;
          &lt;/div&gt;
          &lt;div class="eesradioitem"&gt;
            &lt;label&gt;No&lt;/label&gt;
            &lt;input type="radio" name="faddress" value="no" checked="checked"/&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  
        &lt;label class="field-address1  arrow"&gt;Address  line 1&lt;em class="required"&gt;&amp;#42;&lt;/em&gt;&lt;input type="text" name="address1" id="address1" value="" /&gt;&lt;/label&gt;
        &lt;label class="field-address2  arrow"&gt;Address  line 2&lt;em class="required"&gt;&amp;#42;&lt;/em&gt;&lt;input type="text" name="address2" id="address2" value="" /&gt;&lt;/label&gt;
  
  
        &lt;label class="field-city arrow"&gt;City &lt;em class="required"&gt;&amp;#42;&lt;/em&gt;&lt;input type="text" name="city" id="city" value="" /&gt;&lt;/label&gt;
        &lt;label class="field-email arrow"&gt;Email &lt;em class="required"&gt;&amp;#42;&lt;/em&gt;&lt;input type="text" name="email" id="email" value="" /&gt;&lt;/label&gt;
  
  
        &lt;label class="field-dob arrow"&gt;Date of Birth &lt;em class="required"&gt;&amp;#42;&lt;/em&gt;&lt;input type="text" name="dob" id="dob" value="" /&gt;&lt;/label&gt;
        &lt;label class="field-homephone arrow"&gt;Home Phone&lt;em class="required"&gt;&amp;#42;&lt;/em&gt;&lt;input type="text" name="homephone" id="homephone" value="" /&gt;&lt;/label&gt;
        &lt;label class="field-gender arrow"&gt;Gender &lt;em class="required"&gt;&amp;#42;&lt;/em&gt;&lt;input type="text" name="gender" id="gender" value="" /&gt;&lt;/label&gt;
  
  
      &lt;/fieldset&gt;
    &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>