переменная, которая не инициализирует AJAX

Question

У меня есть таблица с логином и паролем и две кнопки «изменить» и «удалить» в ajax.
Вот код:

$(document).on('click', '.edit_data', function () {
    var id_code = $(this).attr("id");
    $.ajax({
        url: "edit.php",
        method: "post",
        data: { id_code: id_code },
        datatype: "json",
        success: function (data) {
            $('#code').val(data.code);
            $('#login').val(data.login);
            $('#pass').val(data.pass);
            $('#id_code').val(data.id);
            $('#myModale').modal("show");

        }
    });
}); `
$('#insert_form').on('submit',function(event){
    event.preventDefault();
        $.ajax({
            url:"insert.php",
            method:"post",
            data:$('#insert_form').serialize(),
            success:function(data)
            { 
                $('#insert_form')[0].reset();
                $('#myModale').modal('hide'); 
            }
        });
    }
});

Когда я редактирую, чтобы вставить, он редактируетпоследний и не вставляй.Я вижу, что var id_code не инициализирован.

insert.php

if ($_POST["id_code"] != '') {
    $query = "  
    UPDATE employee
    SET code = '$

    code',   
    login = '$login',
        pass = '$pass',
        WHERE id = '".$_POST["id_code"]."'";  
    $message = 'Data Updated';
}
else {
    $query = "  
    INSERT INTO employee(code, login, pass)
    VALUES('$code', '$login', '$pass');
    ";  
    $message = 'Data Inserted';
}