title: jQuery remove cloned element on click
body: <p>I have a script that removes the duplicated form when clicked. But when you hit remove I want to only remove the form the was cloned. I believe i need to use <code>$this</code> but not sure how? </p>
  
  <p><strong>jQuery</strong> </p>
  
  <pre><code>$(".remove").click(function() {
      $('.duplicate').remove();
  });
  </code></pre>
  
  <p><strong>HTML</strong> </p>
  
  <pre><code>&lt;div class="duplicate"&gt;
      &lt;p&gt;Form Duplicate&lt;/p&gt;
      &lt;a href="#" class="add"&gt;Add Guest&lt;/a&gt; | &lt;a href="#" class="remove"&gt;Remove &lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="duplicate"&gt;
      &lt;p&gt;Form Duplicate&lt;/p&gt;
      &lt;a href="#" class="add"&gt;Add Guest&lt;/a&gt; | &lt;a href="#" class="remove"&gt;Remove &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's a live preview: <a href="http://www.waterfrontexeter.co.uk/preordernew/" rel="nofollow">http://www.waterfrontexeter.co.uk/preordernew/</a>.</p>
  
  <p>Thanks!</p>