How to delete a parent element

Question

When a link is clicked it should delete its own parent. Here is the code I am using. Its not working.

(function () {
    $(".delete-field").on("click", function () {
        var elementId = $(this).closest("[id^=field-]").attr("id");
        var fieldId = elementId.split("-")[1];

        $.ajax({
            url: "schema/objects/field/delete",
            type: 'DELETE',
            data: JSON.stringify({ id: fieldId }),
            contentType:'application/json',
            success: function (result) {
                $(this).closest("tr").remove();
            },
            error: function (result) {
                alert(result);
            }
        });
    });
})();