making an edit button in javascript

I have an Add, Edit and Delete button. The add and delete button is working fine on me but while i’m trying to make an edit button in javascript its not working at all on me. I was trying to search for some solution in this forum but haven’t meet the solution yet.

can anyone help me with the edit button? thanks in advance

//Request Add
$(function() {
    $("#requestAdd").click(function() {
        //Set Field Value
        var dealerName = $("#dealerName :selected").text()
        var amountDeposit = $("#amountDeposit")[0].value;
        var remarks = $("#remarks")[0].value;

        //Data Validation
        if (dealerName == "" || amountDeposit == "" || remarks == "") {
            $("<div></div>").imuiMessageDialog({
                iconType: 'error',
                title: 'Request Data Error',
                buttons: [
                    {
                    'text': 'Close',
                    'click': function() {$(this).imuiMessageDialog('close'); }
                    }
                ]
            }).append('All mandatory fields must be filled before requirement is saved.');
            exit;
        } 
        //Dealer Name Validation
        var dataval = $("#requirementGrid").getGridParam("data");
        for (i in dataval) {
            if (dealerName == dataval[i].dealerName) {
                $("<div></div>").imuiMessageDialog({
                    iconType: 'error',
                    title: 'Request Data Error',
                    buttons: [
                        {
                        'text': 'Close',
                        'click': function() {$(this).imuiMessageDialog('close'); }
                        }
                    ]
                }).append('Priority must be unique in Requirement Detail');
                exit;               
            }       
        }
        //Create Grid Data
        var dataval = $("#requirementGrid").getGridParam("data");
        var newdata = {
            dealerName: dealerName,
            amountDeposit: amountDeposit,
            remarks: remarks,
            status: ""
        };
        dataval.unshift(newdata);
                
        //Set & Reload Grid
        $("#requirementGrid").clearGridData();
        for (i in dataval) {
            var rowNum = parseInt(i) + 1;
            $("#requirementGrid").addRowData(rowNum,dataval[i]);
        }
        $("#requirementGrid").setGridParam({"rowNum":$("#requirementGrid").getRowData().length});
    });
});

//Request Delete
$(function() {
    $("#requestDelete").click(function() {
        var selrow = $("#requirementGrid").getGridParam("selrow");  
        if (selrow != null){
            $("#requirementGrid").delRowData(selrow);
            $("#requirementGrid").setGridParam({"rowNum":$("#requirementGrid").getRowData().length});
        }
        clearFieldValues();
    });
});

//Request Edit
$("#requestEdit").click(requestEdit);

    function requestEdit(){

        var row = $(this).parents("tr");
        var cols = row.children("td");

        activeId = $($(cols[2]).children("button")[0]).data("id");

        $("#dealerName").val($(cols[0]).text());
        $("#amountDeposit").val($(cols[1]).text());
        $("#remarks").val($(cols[2]).text());

        $("#requestAdd").prop("disabled" , true);


    }