JQuery не работает, чтобы заполнить текстовые поля данными gridview

Question

Я хочу заполнить текстовые поля данными в виде сетки при щелчке тега привязки.

Я использую приведенный ниже код, но он не работает

function bindRecordToEdit (Id) {отладчик;

    $('#txtempname').val($(ele).closest('tr').find('#Employee Name:').text());
    $('#txtdept').val($(ele).closest('tr').find('#txtdept').text());
    $('#txtdoj').val($(ele).closest('tr').find('#DOJ').text());
    $('#Txtdob').val($(ele).closest('tr').find('#DOB').text());
    $('#Txtbasic').val($(ele).closest('tr').find('#Basic').text());
    $('#Txthra').val($(ele).closest('tr').find('#HRA').text());
    $('#Txtda').val($(ele).closest('tr').find('#DA').text());
    $('#Txtgross').val($(ele).closest('tr').find('#gross').text());
    $('#Txtptax').val($(ele).closest('tr').find('#Ptax').text());
    $('#Txtpfund').val($(ele).closest('tr').find('#PFund').text());
    $('#Txtnetsal').val($(ele).closest('tr').find('#NetSalary').text());           
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "Employeemasterjquery.aspx/bindRecordToEdit",
        data: "{'Id':" + ele + "}",
        datatype: "json",
        //async: "true",
        success: function (data) {


            //=== store id of the selected record in hidden field so that we can use it later during  
            //=== update process.  
          //  $("#hfSelectedRecord").val(id);
            //=== Hide save button and show update button.  
            //$("#btnSave").hide();  
            //$("#btnUpdate").css("display", "block");  
        },
        error: function (data) {
            var r = data.responseText;
            var errorMessage = r.Message;
            alert(errorMessage);
        }
    });
  //  return true;   
}