jQueryUI autoComplete返回空列表

在我的asp.net mvc3应用程序中,我为搜索框添加了autoComplete.当我测试它时,从动作返回3个结果.您可以看到列表显示,但是,这是一个空列表,您只看到3< li> / li>,li标签之间没有任何内容.

我很确定,行动很好,因为,它确实返回了3个结果.我可以通过看到3个空的< li>标签.我应该怎么做才能添加名称< li>苹果< / li>

$("#searchBox").autocomplete({
            source:"/Home/SearchIngredients",minLength: 2

        });


    public virtual JsonResult SearchIngredients(String term)
    {
        var ingredients = _smoothieservice.GeTingredients(term);

        var data = ingredients.SELEct(x => new {Id = x.NDB_No,Value = x.NamE}).Take(25).ToArray();
        return Json(data,JsonrequestBehavior.AllowGet);
    }

$('#search').autocomplete({
    source: function (request,responsE) {
        $.ajax({
            url: "/Home/SearchIngredients",dataType: 'json',data: request,success: function (data) {
                response(data.map(function (value) {
                    return {
                        'label': '<li>' + value.Id + '</li>','value': value.Value
                    };  
                }));
            }   
        }); 
    },minLength: 2
})