автозаполнение jQuery на фоне текстового поля ввода

У меня есть скрипт автозаполнения текстового поля jQuery, который использует скрипт PHP для запроса базы данных MySQL. В настоящее время результат отображается под текстовым полем, однако я хочу, чтобы он отображался так, как если бы он был затенен в текстовом поле. Как я могу сделать что-то подобное? Пример этого находится в окне мгновенного поиска Google.

Мой текущий код веб-страницы:

<script type='text/javascript'>
function lookup(a)
{
    if(a.length==0)
    {
        $("#suggestions").hide();
    }
    else
    {
        $.post("suggest.php", { query: ""+a+"" }, function(b)
        {
            $("#suggestions").html(b).show();
        });
    }
}
</script>

<input type='text' id='query' onkeyup='lookup(this.value);'>
<div id='suggestions'></div>

А мой код PHP:

<?php
$database = new mysqli('localhost', 'username', 'password', 'database');

if(isset($_POST['query']))
{
    $query = $database->real_escape_string($_POST['query']);

    if(strlen($query) > 0)
    {
        $suggestions = $database->query("SELECT name, value FROM search WHERE name LIKE '%" . $query . "%' ORDER BY value DESC LIMIT 1");

        if($suggestions)
        {
            while($result = $suggestions->fetch_object())
            {
                echo '' . $result->name. '';
            }
        }
    }
}
?>