MVC - deleting items without reloading whole page

See more:

C#

MVC

jQuery

JQGrid

hi im trying to see if there is a better way to go about this. Im basically deleting an item from a jqGrid. Now this could obviously apply to any list. But is there a way to delete the entry and update the database without reloading the page, just refreshing the grid?

function onDeleteClient() {
    var url = '/Clients/Delete/';
    var clientId = jQuery('#client_grid').jqGrid('getGridParam', 'selrow');
    window.location.href = url + parseInt(clientId);
    $('#client_grid').trigger("reloadGrid", [{ page: 1}]);
};

public ActionResult Delete(int id)
{
    var model = new ClientsModel();
    model.Delete(id);
    return RedirectToAction("Index");
}

so as you can see the controller will redirect it back to the original page and show the updated results. But is there a way we can update the controller and stay on the original page? Then i can just refresh the grid.

any pointers are appreciated...