如何在 page.tpl.php 的 Drupal 7 中实现自定义自动完成搜索

我正在使用drupal 7，我需要自动完成自定义搜索功能。我在哪里使用 PHP Ajax 搜索函数

<div class="frmSearch">
    <input type="text" id="search-box" placeholder="Country Name" />
    <div id="suggesstion-box"></div>
</div>

我的 Ajax 脚本是

// AJAX call for autocomplete 
$(document).ready(function(){
    $("#search-box").keyup(function(){
        $.ajax({
        type: "POST",
        url: "readCountry.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 country name
function selectCountry(val) {
$("#search-box").val(val);
$("#suggesstion-box").hide();
}

在我的数据库表中，字段名称为

Country_name

我试图通过使用上面的搜索功能实现直接的 php 文件到搜索功能不起作用......

<ul class="">
                <li>
<?php
 print $custom_search_box; 
?>
</li>
                <!-- <li><input type="text" placeholder="Search By Country" class="form-control"></li> -->
                    <?php foreach($dbresult as $row){ ?>
                    <li><a class="list-group-item" href="#"><i class="fa fa-caret-right"></i><?php echo $row->country_name; ?></a></li>
                    <?php } ?>
                    </ul>

以上是我用来实现搜索功能。.

如何实施的任何建议