我的网站上有jquery自动完成搜索功能，用户输入部分名称，并从数据库中找到匹配的全名。问题是，当匹配时，我无法使用以下标记显示名称匹配。它正在使用默认的自动完成标记，看起来非常糟糕。我需要将结果显示在下面示例中的li中。
<div class="search_dropdown_wrapper">
<div id="search_arrow" class="dropdown_pointer search"></div>
<ul>
<li>
<a>Sam Cohen</a>
<p>Software Engineer</p>
</li>
</ul>
</div>
我在使用上述div包装自动完成中的ul时遇到问题。我已尝试使用代码，我得到它用标记部分显示结果但链接功能搞砸了，点击名称不再填充文本框。这是我正在使用的自动完成代码..
if($('#search_name').length > 0){
$('#search_name').autocomplete({
minLength: 2,
source: '/profiles/jquery_auto_complete_name',
focus: function(event, ui) {
$('#search_name').val(ui.item.first_name + " " + ui.item.last_name);
return false;
},
select: function(event, ui) {
$("#receiver-list").val(ui.item.first_name + " " + ui.item.last_name);
return false;
}
})
.data( "autocomplete" )._renderItem = function( ul, item ) {
return $( "<li></li>" )
.data( "item.autocomplete", item )
.append("<a>" + item.first_name + " " + item.last_name + "</a>")
.appendTo( ul );
};
}
（信用：感谢How to set-up jquery-ui autocomplete in Rails提供自动完成的一个很好的例子）
谢谢。