title: jquery find nearest class and remove it
body: <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>