สอบถามการ Autocomplete : Jquery + Ajax [ค้นหาจังหวัด] ต้องเปลี่ยนโค้ดตัวไหนบ้าง

//AJAX call for autocomplete
    $(document).ready(function(){
      $("#search-box").keyup(function(){
        $.ajax({
        type: "POST",
        url: "check_province.php",
        data:'keyword='+$(this).val(),
        beforeSend: function(){
          $("#search-box").css("background","#FFF url(LoaderIcon.gif) no-repeat 165px");
        },
        success: function(data){
          $("#suggesstion-box").show();
          $("#suggesstion-box").html(data);
          $("#search-box").css("background","#FFF");
        }
        });
      });
    });
    //To select Province name
    function selectProvince(val) {
    $("#search-box").val(val);
    $("#suggesstion-box").hide();
    }

<ul id="province-list" class="nav nav-pills nav-stacked">
<?php
require 'config/connect.php';
if (!empty($_POST)) {
    $keyword = $_POST['keyword'];
    $pdo = Database::connect();
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    $sql = "SELECT * FROM `province` WHERE `PROVINCE_NAME` LIKE '%".$keyword."%' ORDER BY `PROVINCE_NAME` LIMIT 0,6";
    foreach ($pdo->query($sql) as $row) {
    $province_name = $row['PROVINCE_NAME'];
 ?>
    <li onClick="selectProvince('<?php echo $province_name;?>')"><?php echo $province_name;?></li>
 
<?php    }
    Database::disconnect();
} ?>
</ul>