如何在Jquery UI自动完成中显示图像

我正在使用jquery ui auto complete并在auto complete函数中进行ajax调用我正在调用返回Json的控制器操作，现在一切正常我想在建议下拉列表中显示图像，我还使用Json中的图像URL如何在建议下拉列表中显示图像以及名称

JavaScript

 function log(message) {
            $("<div>").text(message).prependTo("#log");
            $("#log").scrollTop(0);
        }

        $("#search").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "/Home/GetCompanyNames",
                    dataType: "jsonp",
                    data: "searchterm=" + request.term,
                    success: function (data) {
                        response($.map(data, function (item) {
                            alert(item.Value);
                            return {
                                label: item.Name,
                                value: item.Name
                            };
                        }));
                    }
                });
            },
            minLength: 2,
            select: function (event, ui) {
                alert(ui.item.Name);
            alert(ui.item.Value);
            alert(ui.item.LogoUrl);
            },
            open: function () {
                $(this).removeClass("ui-corner-all").addClass("ui-corner-top");
            },
            close: function () {
                $(this).removeClass("ui-corner-top").addClass("ui-corner-all");
            }
        });

    });

请问我，如果你需要更多的细节和提前感谢

演示了如何自定义输出的示例：

$('#search').autocomplete({
    source: function (request, response) {
        $.ajax({
            url: '/Home/GetCompanyNames',
            data: { searchterm: request.term },
            success: function (data) {
                response($.map(data, function (item) {
                    return {
                        label: item.Name,
                        value: item.Name,
                        logoUrl: item.LogoUrl
                    };
                }));
            }
        });
    },
    minLength: 2,
    select: function (event, ui) {

    },
    open: function () {
        $(this).removeClass('ui-corner-all').addClass('ui-corner-top');
    },
    close: function () {
        $(this).removeClass('ui-corner-top').addClass('ui-corner-all');
    }
})
.data('autocomplete')._renderItem = function(ul, item) {
    return $('<li>')
        .data('item.autocomplete', item)
        .append(item.label + '<img src="' + item.logoUrl + '" alt="" />')
        .appendTo(ul);
};

$（“#搜索”）。自动完成({
来源：功能（请求、响应）{
$.ajax({
url:“/Home/GetCompanyNames”，
数据：{searchterm:request.term}，
成功：功能（数据）{
响应（$.map）（数据、功能（项）{
返回{
标签：item.Name，
值：item.Name，
logoUrl:item.logoUrl
};
}));
}
});
},
最小长度：2，
选择：功能（事件、用户界面）{
},
打开：函数（）{
$（this）.removeClass（'ui-corner-all'）.addClass（'ui-corner-top'）；
},
关闭：函数（）{
$（this）.removeClass（'ui-corner-top'）.addClass（'ui-corner-all'）；
}
})
.data（'autocomplete'）。\u renderItem=功能（ul，项目）{
返回$（“
”）
.data（'item.autocomplete'，item）
.append（item.label+“”）
.附录（ul）；
};

举例说明了如何自定义输出：

$('#search').autocomplete({
    source: function (request, response) {
        $.ajax({
            url: '/Home/GetCompanyNames',
            data: { searchterm: request.term },
            success: function (data) {
                response($.map(data, function (item) {
                    return {
                        label: item.Name,
                        value: item.Name,
                        logoUrl: item.LogoUrl
                    };
                }));
            }
        });
    },
    minLength: 2,
    select: function (event, ui) {

    },
    open: function () {
        $(this).removeClass('ui-corner-all').addClass('ui-corner-top');
    },
    close: function () {
        $(this).removeClass('ui-corner-top').addClass('ui-corner-all');
    }
})
.data('autocomplete')._renderItem = function(ul, item) {
    return $('<li>')
        .data('item.autocomplete', item)
        .append(item.label + '<img src="' + item.logoUrl + '" alt="" />')
        .appendTo(ul);
};

$（“#搜索”）。自动完成({
来源：功能（请求、响应）{
$.ajax({
url:“/Home/GetCompanyNames”，
数据：{searchterm:request.term}，
成功：功能（数据）{
响应（$.map）（数据、功能（项）{
返回{
标签：item.Name，
值：item.Name，
logoUrl:item.logoUrl
};
}));
}
});
},
最小长度：2，
选择：功能（事件、用户界面）{
},
打开：函数（）{
$（this）.removeClass（'ui-corner-all'）.addClass（'ui-corner-top'）；
},
关闭：函数（）{
$（this）.removeClass（'ui-corner-top'）.addClass（'ui-corner-all'）；
}
})
.data（'autocomplete'）。\u renderItem=功能（ul，项目）{
返回$（“
”）
.data（'item.autocomplete'，item）
.append（item.label+“”）
.附录（ul）；
};

$('#search').autocomplete({
    source: function (request, response) {
        $.ajax({
            url: '/Home/GetCompanyNames',
            data: { searchterm: request.term },
            success: function (data) {
                response($.map(data, function (item) {
                    return {
                        label: item.Name,
                        value: item.Name,
                        logoUrl: item.LogoUrl
                    };
                }));
            }
        });
    },
    minLength: 2,
    select: function (event, ui) {

    },
    open: function () {
        $(this).removeClass('ui-corner-all').addClass('ui-corner-top');
    },
    close: function () {
        $(this).removeClass('ui-corner-top').addClass('ui-corner-all');
    }
})
.data('autocomplete')._renderItem = function(ul, item) {
    return $('<li>')
        .data('item.autocomplete', item)
        .append(item.label + '<img src="' + item.logoUrl + '" alt="" />')
        .appendTo(ul);
};