jQuery UI Autocomplete Formatting for Multiple Elements

Question

I have the jQuery UI Autocomplete setup to my liking and working perfectly, but there is one fatal flaw. In my autocomplete I use a custom display like this example. I hav

Answer 1

You simply need to override the function via the object prototype, instead of on a single instance.

$.ui.autocomplete.prototype._renderItem = function( ul, item ) {
  return $( '
' )
  .data( 'item.autocomplete', item )
  .append( '' + item.label + '
' + item.desc + '' )
  .appendTo( ul );
};

Overwrite the function before activating any autocompletes, but after the script has loaded.