title: How to delete a row with JQuery
body: <p>I have a table that displays data for the user. Each row can have 2 functions, one to delete and the other to edit the record. The row itself has an id that I need to reference for both the delete and the edit functions. I am having a difficult time getting this to work correctly.</p>
  
  <p>The last cell on the right is for the delete image. When I click on just the delete icon, I get an alert from the row even though I have the delete cell specified in <code>not()</code>.</p>
  
  <p>The last issue I am having is that <code>$.post</code> is not passing any POST value. Even if I set it manually, I cannot see it server-side.</p>
  
  <p>Here is my code so far.</p>
  
  <pre><code>$('#drafts').find('tr').not(':first-child, td.delete').click( function(){
    alert(this.id);
  });
  
  $("td.delete").click(function(){
    var id = this.id;
    $.post('test.php',id, function(){
      $('#'+id).remove();
    },'json');
  });
  
  &lt;tr id="5"&gt;
    &lt;td&gt;test1&lt;/td&gt;
    &lt;td&gt;test2&lt;/td&gt;
    &lt;td class="delete"&gt;&amp;nbsp;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>