Как показать данные MySQL в поле ввода HTML, используя AJAX?

Question

Я создаю простую страницу приема заказов.Что я хочу, так это когда я начну печатать в поле ввода «Выбор клиента», под окном ввода будет показан фильтр, отфильтрованный по результату нажатия клавиш.

Поскольку я новичок в этом поле, ваш совет / предложение будетвысоко ценится.

вот мой код JavaScript:

function showCustomer(str) {
    if (str == "") {
        document.getElementById("txtHint").innerHTML = "";
        return;
    } else { 
        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("txtHint").innerHTML = this.responseText;
            }
        };
        xmlhttp.open("GET","searchcustomer.php?q="+str,true);
        xmlhttp.send();
    }
}

Вот мой PHP-код searchcustomr

 $q=$_GET["q"];

 define('HOSTNAME', 'localhost'); 
 define('USERNAME', 'root'); 
 define('PASSWORD', ''); 
 define('DBNAME', 'order'); 



    $conn = new mysqli(HOSTNAME, USERNAME, PASSWORD, DBNAME);
    $sql = "SELECT cusname, cusarea, cusadd1,cusadd2,cusadd3,cuscity,cuspin,cusoldbal FROM tbl_customer where cusname like '%".$q."%'";
    $result = $conn->query($sql);

    if ($result->num_rows > 0) {

    while($row = $result->fetch_assoc()){
    $data = $row['cusname'];

    }
        echo $data;
                                }
    else
    {
        echo 'No Mach Found...';
    }


    $conn->close();

вот мой входной файл HTML:

<h4>Order To</h4>
<div class="form-group">
<input type="text" class="form-control autocomplete_com" data-type="clientCompanyName" name="clientCompanyName" id="clientCompanyName" placeholder="Select Company"  onkeyup="showCustomer(this.value)">
</div>
<div id="txtHint"></div>

Этот div txtHint просто не работает, я просто хочу, чтобы результат был ниже моего поля ввода и тоже мог выбирать ..... Какой будет лучший способ добиться этого?