JQuery автозаполнение поля автозаполнения с 1-го значения и выделения добавленной части

Я использую плагин автозаполнения jqueryui со следующим кодом

$(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
        });

Это отображает список всех результатов в раскрывающемся списке.

Мой вопрос: как мне заставить его автоматически завершить работу и выделить добавленную часть для более легкого использования?

я должен закодировать это? или есть уже существующий вариант для этого? Если я хочу сделать это вручную, как это можно сделать? Пример картинки:

Решения на данный момент:

Я нашел этоссылка на сайт и этобыть очень полезным (jkey-autocomplete) для редактирования стилей, но все еще не то, что я хочу ..

Ответы на вопрос(4)

Ваш ответ на вопрос