По идентификатору открыть модальное окно с данными

У меня есть li список задач, по клику выполняется действие, отдаю id скрипту, потом находит данные из бд и отдаю другому скрипту который получает данные из бд и вставляет в input в модального окна. Но нечего не происходит...там id разные, но если я ставлю в php статичный id, то модальное окно открывается, проверка срабатывает и показывает правильные данные, а вот когда не статика не чего не открывается.

Как правильно сделать, что бы данные правильно отображались в модальном окне, при нажатия любого из списка. В скрипте видно что я сделал проверку, а также делал перебор объекта, что бы получить id и потом его сравнить, то что ранее было при нажатия когда отправлялся id первому скрипту???

PHP

if (isset($_GET['id'])) {
$id = (int)$_GET['id'];
//$id = '651';
$exec = mysqli_query($connect, "SELECT * FROM `tasks` WHERE `id`='$id'");

$outTask = [];
while ($row = mysqli_fetch_assoc($exec)) {
    $outTask[] = $row;
}
echo json_encode($outTask);
}

Сам скрипт

function getId(id) {
// По клику получаю id, 
// аяксом отправляю в php
// и делаю запрос и вытаскиваю с бд данные

$.ajax({
    type: 'GET',
    url: '/index.php?route=handler',
    data: {id: id},
});

// на лету когда получил данные, 
// должно открываться модально окно сравнениям id который получил в начале
// и то что нашлось в бд,
// и аяксом на лету показываю данные с бд

$("#editTaskModal").on("change",function () {
    console.log($(this).val());
    $.ajax({
        url: '/index.php?route=handler',
         dataType: 'json',
        success: function (response) {
            $.each(response, function(index, value) {
                if(id === value.id){
                    $("#modal-task-input").val(value.title);
                }
            })
        }
    });
  });
 }

При нажатия, в скрипт отправляю id

<div class="title-edit-task" data-bs-toggle="modal" data-bs-target="#editTaskModal"
     id="<?= $content['id']; ?>" onclick="getId(this.id)">
     <i class="ri-edit-line"></i>
</div>

При вызове открывается модальное окна с данными

<div class="modal" id="editTaskModal" tabindex="-1" aria-labelledby="editModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-body">
        <input type="text" name="task" id="modal-task-input" class="content-input">
    </div>
    <div class="modal-footer">
        <select name="select-category" class="select">
            <?php $result = mysqli_query($connect, "SELECT * FROM `category`");
            if (mysqli_num_rows($result) > 0) :
                while ($content = mysqli_fetch_assoc($result)) : ?>
                    <option value="<?= $content['id']; ?>" class="select-option">
                        <?= $content['title']; ?>
                    </option>
                <?php endwhile; endif; ?>
        </select>
        <button type="button" class="btn btn-close" data-bs-dismiss="modal">Отмена</button>
        <button type="submit" id="modal-btn-disable" class="btn modal-add-task-disabled" 
        disabled>
            Добавить задачу
        </button>
    </div>
</div>