How to patch *just one* instance of Autocomplete on a page?

Question

This answer -- jQueryUI: how can I custom-format the Autocomplete plug-in results? -- describes how to monkeypatch the jqueryUI autocomplete widget, so that it displays th

Answer 1

The code from Andrew Whitaker just work for one autocomplete input. If you select more than one input-element, the second autocomplete widget dosn't show any entrys. You have to add a foreach to handel all selected input elements like mentioned here

$("selector")
.autocomplete({ ... })
.each(function () {
    $(this).data("autocomplete")._renderItem = function( ul, item ) {
        return $("
")
            .data("item.autocomplete", item)
            .append("" + item.label + "
" + item.desc + "")
            .appendTo(ul);
    };
);