<table class="jquery-team-members">
<tr id="1"><td>Adam</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
<tr id="2"><td>Cody</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
<tr id="3"><td>Dan</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
<tr id="4"><td>Dave</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
<tr id="5"><td>Doug</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
<tr id="6"><td>John</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
<tr id="7"><td>Jörn</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
<tr id="8"><td>Karl</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
<tr id="9"><td>Leah</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
<tr id="10"><td>Mike</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
<tr id="11"><td>Paul</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
<tr id="12"><td>Ralph</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
<tr id="13"><td>Rey</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
<tr id="14"><td>Richard</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
<tr id="15"><td>Scott</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
<tr id="16"><td>Scott</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
<tr id="17"><td>Todd</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
<tr id="18"><td>Yehuda</td><td class="delete"><span class="ui-icon ui-icon-trash"></span></td></tr>
</table>
zebraTable();
$( ".delete" ).bind( "click", function() {
var $this = $( this ),
$row = $this.closest( "tr" ),
rowId = $row.attr( "id" );
$.ajax({
url: "/Contact/Delete/" + rowId,
type: "POST",
success: function( data, textStatus, jqXHR ) {
if ( data.status === "success" ) {
$row.hide( 500, function() {
$row.remove();
zebraTable();
});
} else {
console.log( data.message );
}
},
error: function( jqXHR, textStatus, errorThrown ) {
console.log( "error", textStatus );
}
});
});
function zebraTable() {
$( "tr" ).removeClass( "odd" )
.filter( ":odd" )
.addClass( "odd" );
}
$.mockjax({
url: "/Contact/Delete/*",
responseTime: 300,
responseText: {
status: "success"
}
});