Remove a DIV using a link
<p>HTML:</p>

<pre><code>&lt;div class="row"&gt;
&lt;!-- content --&gt;
&lt;a href="#" class="remove"&gt;remove&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>JS:</p>

<pre><code>$('.remove').click(function(){
  $(this).parent().remove();
  return false;
});
</code></pre>

<p>If there is only one DIV it works OK but when there are multiple DIVS (<code>class="row"</code>) it won't do anything. No errors are returned either.</p>

<p>EDIT: I should add that by default there is only one div - additional divs get dynamically created using a jQuery clone function - perhaps this is why it won't recognise the new link/div?</p>
