How do I remove a row from a Kendo Grid

See more:

Javascript

Ajax

jQuery

Kendo

I have a very simple setup, a grid called #list with a datasource populated with records to display.

I have a button on each row with an onClick event that calls this function:

// Soft-Delete person
    var processURL = crudServiceBaseUrl + '?method=deletePerson';
    function deletePerson(id){
    	if (confirm('#getResource("person.detail.confirmdel")#')) {
    		$.ajax({
    			type: 'POST',
    			url: processURL,
    			data: {
    				PERS_KY: id
    			},
    			success: function (data){
    				var thingToDelete = "tr:eq("+id+")";
    				var grid = $("#list").data("kendoGrid");
    				grid.removeRow(thingToDelete);
    			},
    			error: function (xhr, textStatus, errorThrown){
    				alert("Error while deleting person"+ "\n"+ xhr + "\n"+ textStatus + "\n" + errorThrown);
    			}
    		});
    	}
    }

The server-side stuff works fine, the interaction with the database is good. However, the row does not disappear from the grid.

Anyone?