title: jQuery remove div onclick
body: <p>I can't seem to get my jQuery right to remove a div when I delete something</p>
  
  <p>Code is:</p>
  
  <pre><code>&lt;div class="amend_order" data-item_key="1367264719mz7"&gt;
      &lt;p&gt;Home Made Ice Cream&lt;/p&gt;
      &lt;p class="small_text"&gt;Pistachio&lt;/p&gt;
      &lt;p&gt;
          &lt;a class="edit_item ui-link" href="javascript:void(0);"&gt;Edit&lt;/a&gt;
          ----
          &lt;a class="deleter ui-link" href="javascript:void(0);"&gt;Delete&lt;/a&gt;
      &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried using</p>
  
  <pre><code>$(this).closest('div').remove();
  </code></pre>
  
  <p>unfortunately this does not work.</p>
  
  <p>Basically there is a list of several <code>divs</code> and I just want them to disappear when clicked.</p>