Tengo una lista de items que cargo con un .getJSON().

    $.getJSON('http://api.com/api',function(data){
    console.log(data);
    cont = 0;
    $.each(data,function(){
        item = data[cont].item;
        $('#list').append('hola.'+item);
        cont++;
    });
    });

Al clic en la class `.delete` se borra de la base de datos correctamente, y al completarse la consulta `".done()"` se recarga toda la pagina. Me gustaría que en vez de recargar de nuevo toda la página sólo se eliminara el item que se ha borrado y ya no se vea por pantalla.

    $(function() {
    $('.delete').on('click', function() {
    var data_del = $("#delete").serialize();
    $.ajax({
        data: data_del,
        type: "POST",
        url: "http://api.com/api2
    })
    .done(function(){
        location.reload();
    });
    return false;
    });
    });

Supongo que hay un método para que no tenga que volver a cargar toda la página cada vez que elimino un item.

He provado con `remove()`, pero no es el resultado que esperaba tampoco.