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

Я сделал поле поиска 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';
}

?>