JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<table id="latest">
<thead>
<tr><th>Delete</th></tr>
</thead>
<tbody>
<tr><td class="delete">Delete</td></tr>
<tr><td class="delete">Delete</td></tr>
</tbody>
</table>
CSS
th { border-botttom: solid 1px #ddd; }
tr td { border: solid 1px red; }
JavaScript
$('.delete').live('click', function() {
$(this).closest('tr').fadeOut('slow', function() {
$(this).remove();
console.log($("#latest tbody").html());
$("#latest tbody:not(:has(tr))").parent().remove();
});
return false;
});