自动完成Jquery插件

我正在从以下URL使用Autocomplete Jquery：

我正在

MVC3.0（Razor）

在本文中，我显示了数据库中的名称列表，并且运行良好。 现在我想根据我的项目要求在div中显示整个列表

请帮助我如何在div中显示自动完成数据。

直接从：

$（函数（）{
//此函数用于在id为'log'的div中设置结果
功能日志（消息）{
$（“”）.text（message）.prependTo（“#log”）；
$（“#log”）.attr（“scrollTop”，0）；
}
$（“#鸟”）.autocomplete({
来源：“search.php”，
最小长度：2，
选择：功能（事件、用户界面）{
日志（ui.item？）选中：“+ui.item.value+”aka“+ui.item.id:
“未选择任何内容，输入为”+this.value）；
}
});
});

那么问题出在哪里？是什么让你在完成项目时陷入困境？我不知道怎么做。我想得到一个提示。好吧，一个起点是这个例子：你应该以JSON的形式返回列表，这样自动完成插件就可以完成它的工作了。不客气。如果答案解决了你的问题，别忘了接受它：）

$(function() {

    // This function sets the results inside a div with id = 'log'
    function log( message ) {
        $( "<div/>" ).text( message ).prependTo( "#log" );
        $( "#log" ).attr( "scrollTop", 0 );
    }


    $( "#birds" ).autocomplete({
        source: "search.php",
        minLength: 2,
        select: function( event, ui ) {
            log( ui.item ? "Selected: " + ui.item.value + " aka " + ui.item.id :
                "Nothing selected, input was " + this.value );
        }
    });
});

<div id="log"></div>