How to add or remove partial view Asp.net mvc with jquery?

Question

I have a grid (Kendo grid), when occur edit function for any record of grid,I call a partial view with use of Jquery.Now i want after submit partial view, remove it from main view. My function for render partial view is :

  function ShowEditRecord(e) {
    var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
    $.ajax(
        {
            url: '/Home/TestEdit/'+dataItem.Id.toString(),
            contentType: 'application/html; charset=utf-8',
            type: 'Get',
            dataType: 'html'
        })
    .success(function(result)
    { $('#EditTestSection').html(result); })

My code of controller is :

   public ActionResult TestEdit(Int64 Id)
    {
        var modelItem=getT().Where(a => a.Id == Id).FirstOrDefault();
        return View (modelItem);
    }
    [HttpPost]
    public ActionResult TestEdit(Models.Test Test)
    {
        base.Update(Test);
        return View();
    }

After occur edit function :

Answer 1

You can clear the markup from the partial view using empty():

$('#EditTestSection').empty();

Which you would include as part of your submit function.