jquery find nearest class and remove it
<p>I am trying to remove <code>list_product</code> entire block if that particular <code>delete</code> class is clicked. I am very new to jquery and still learning.</p>

<pre><code>&lt;div class='list_product'&gt;
    &lt;div class='row'&gt;
        &lt;div class='delete'&gt;x&lt;/div&gt;
        &lt;div class='title'&gt;Standing Fan&lt;/div&gt;
     &lt;/div&gt;
&lt;/div&gt;
&lt;div class='list_product'&gt;
    &lt;div class='row'&gt;
        &lt;div class='delete'&gt;x&lt;/div&gt;
        &lt;div class='title'&gt;Standing Fan 2&lt;/div&gt;
     &lt;/div&gt;
&lt;/div&gt;
&lt;div class='list_product'&gt;
    &lt;div class='row'&gt;
        &lt;div class='delete'&gt;x&lt;/div&gt;
        &lt;div class='title'&gt;Standing Fan 3&lt;/div&gt;
     &lt;/div&gt;
&lt;/div&gt;
&lt;div class='list_product'&gt;
    &lt;div class='row'&gt;
        &lt;div class='delete'&gt;x&lt;/div&gt;
        &lt;div class='title'&gt;Standing Fan 4&lt;/div&gt;
     &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>Jquery:</p>

<pre><code>$('.delete').click(function() {
   $(this).find('.list_product').remove();
});
</code></pre>

<p>Is not working. may i know why and how do i fix it? thanks</p>
