Результаты поиска AJAX не обновляются динамически с помощью пользовательского поиска

Question

Я создал поле поиска AJAX, которое позволяет мне искать в моей базе данных по введенному значению, результаты будут показаны в списке под полем ввода.

Поиск обновляется только после того, как ввод был введен, а затем очищен, а не обновляется после каждого ключевого ввода, я знаю, что подключение и настройка страницы в порядке, потому что после ввода текста в поле отображается "ТЕСТ" ниже, однако, только когда я очистить поле ввода! Он должен искать после каждого ввода ключа.

Я не могу найти никаких ошибок в коде, но если кто-то увидит причину, по которой он не обновляется при каждом нажатии клавиши, это будет очень цениться.

HTML:

<form>
<input autocomplete="off" name="search_text" id="search_text" type="text" placeholder="search...">
<div id="result"></div>
</form>

Jquery:

$(document).ready(function() {
            $('#search_text').keyup(function() {
                var txt = $(this).val();
                if(txt != '')
                {

                }
                else 
                {
                    $('#result').html('');
                    $.ajax({
                        url:"sections/fetch.php",
                        method:"post",
                        data:{search:txt},
                        dataType:"text",
                        success:function(data)
                        {
                            $('#result').html(data);
                        }
                    });
                }
            });
        });

PHP:

<?php
    $cameras = mysqli_connect($xxx, $xxx, $xxx, $xxx);
?>


<?php 

$sql = "SELECT * FROM models WHERE model LIKE '%".$_POST["search"]."%'";
$result = mysqli_query($cameras, $sql);

if(mysqli_num_rows($result) > 0) {

    while($row = mysqli_fetch_array($result)) {
        echo "TEST" . '<br>';
    }


} else {
    echo 'Data Not Found';
}

?>