How to delete a row with JQuery
<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>
