Удаление записей через PHP без перезагрузки страницы (с использованием AJAX)

Я пытаюсь удалить некоторые записи из таблицы базы данных через PHP без перезагрузки страницы (с использованием AJAX). Сначала я печатаю всю информацию в таблице, а затем пользователь может щелкнуть кнопку delete, которая удалит запись. Однако у меня возникают проблемы с передачей записи id методу AJAX.

ListProducts.php

create connection
...
$result = mysqli_query($conn, $sql);

echo "<table border = '1' style = 'border-collapse:collapse;'>";
echo "<tr><th>UserID</th><th>Username</th><th>Action</th></tr>";

if (mysqli_num_rows($result)>0){
    while ($row = mysqli_fetch_assoc($result)){
        echo "<tr><td>".$row['id']."</td><td>".$row['username']."</td><td><input type = 'submit' onclick = 'delete_record()' value = 'Delete' id = '".$row['id']."'></td></tr>";
    }
}

Затем на той же странице есть функция AJAX. Я дал каждому полю input соответствующий идентификатор и пытаюсь выбрать его с помощью jQuery.

function delete_rekord(){
    var id = "Default";
    $(document).ready(function(){
        $("input").click(function(){
            id = $(this).attr('id');
        });
    });
    alert(id); //Test; will print DEFAULT
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function (){
        if (this.readyState == 4 && this.status == 200){
            alert("Deleted user with ID: " + this.responseText);
        }
    }
    xhttp.open("GET", "delete.php?id = "+id, true);
    xhttp.send();
}

На delete.php я просто удаляю запись и печатаю идентификатор удаленной записи, который я собираю в этой функции, как responseText и распечатываю сообщение. Я поставил тестовый alert(id) и кажется, что значение var id равно остается по умолчанию, как я его инициализирую. Так что ошибка должна быть в том, как я получаю идентификатор через jQuery. Есть идеи, как это решить?
Спасибо