title: jquery - how to clone last section
body: <p>how do i set my jquery code to clone only the last section?</p>
  
  <p>So next click will give me : <code>&lt;section id="unit4"&gt;cc&lt;/section&gt;</code></p>
  
  <p>JQUERY</p>
  
  <pre><code>$("#addUnit").click(function () {
      // Clone the last SECTION 
      var new_section = $('section').XXXXXXXXXX.clone().fadeIn("slow");
      new_section.attr("id", "unit"+unitCount);
  
  
      $('section').last().after(new_section);
      unitCount = unitCount+1;
  });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;section id="unit1"&gt;aa&lt;/section&gt;
  &lt;section id="unit2"&gt;bb&lt;/section&gt;
  &lt;section id="unit3"&gt;cc&lt;/section&gt;
  &lt;p&gt;
      &lt;button type="button" id="addUnit" name="btnAdd" class="btn btn-info"&gt;add section&lt;/button&gt;
  &lt;/p&gt;
  </code></pre>