jQuery Remove tr after ajax success - php

Question

I am trying to remove table row after successful ajax call, but it is not working. No errors in firebug, it deletes the row on the back-end PHP, just doesnt remove the tr. Here is my code:
function closelead(rowid){
var rowid = rowid;
$.ajax({
type: "POST",
url: "ajax/close.php",
data: "rowid="+ rowid,
success: function(html){
$(this).closest('tr').remove();
}
});
}
and the html:
<table id="companytable">
<tr id="top"><th>Business Name</th><th>Phone</th><th>Carrier</th><th>X-Date</th><th></th><th></th><th></th></tr>
<?php
$query = "SELECT * FROM leads WHERE user = '$user' ORDER BY wccompcode";
$selectlead = mysql_query($query)or die(mysql_error());
while($leadlist = mysql_fetch_array($selectlead)){
$compcode = $leadlist['wccompcode'];
$compcode = sprintf("%03s", $compcode);
$selcomp = mysql_query("SELECT carname FROM carrierlist WHERE carcode = '$compcode'")or die(mysql_error());
while($carrier = mysql_fetch_array($selcomp)){
$carrier1 = $carrier['carname'];
}
?>
<tr id="<?php echo $leadlist['ID'];?>"><td id="busname"><?php echo $leadlist['busname'];?></td><td><?php echo $leadlist['phone'];?></td><td><?php echo $carrier1;?></td><td><?php echo date("m/d/Y",strtotime($leadlist['wcxdate']));?></td><td><input type="button" value="Call Back" class="searchbutton" /></td><td><input type="button" onclick="closelead(<?php echo $leadlist['ID'];?>)" value="Close" class="searchbutton" /></td><td><input type="button" value="Soft Quote" class="searchbutton" /></td></tr>
<?
}
?>
</table>

Answer 1

Try
function closelead(rowid){
var rowid = rowid;
$.ajax({
type: "POST",
url: "ajax/close.php",
data: "rowid="+ rowid,
success: function(html){
$('#'+rowid).remove();
}
});
}

Answer 2

function closelead(rowid){
var rowid = rowid;
$.ajax({
type: "POST",
url: "ajax/close.php",
data: "rowid="+ rowid,
success: function(html){
$('#'+rowid).closest('tr').remove();
}
});
}