pole autouzupełniania jquery autouzupełnianie z pierwszą wartością i podświetloną dodaną częścią

Używam wtyczki autouzupełniania jqueryui z następującym kodem

$(this).autocomplete({
                source: function(request, response) {
                    $.ajax({ url: 'clinic/auto',
                    data: { 'term': this.term,'name': this.element.attr('complete')},
                    dataType: "json",
                    type: "POST",
                    success: function(data){
                        response(data);
                    }
                });
            },
            minLength: 2
        });

Wyświetla listę wszystkich wyników w menu rozwijanym.

moje pytanie brzmi: jak sprawić, by autouzupełnianie działało dla ciebie i wyróżnić dodaną część, aby ułatwić korzystanie?

czy muszę to kodować? lub czy istnieje już taka opcja? jeśli i hv to zrobić ręcznie, jak można to zrobić? przykładowy pic:

Dotychczasowe rozwiązania:

Znalazłem topołączyć i tobyć bardzo użytecznym (małpujące łatanie autouzupełniania jquery) do edycji stylizacji, ale wciąż nie to, czego chcę ..

questionAnswers(4)

yourAnswerToTheQuestion