Ясное поле формы после выбора для jQuery Автоматическое заполнение UI

Я разрабатываю форму и использую jQuery Автоматическое заполнение UI. Когда пользователь выбирает опцию, я хочу, чтобы выбор появился в промежуток, добавленный к родителю <p> тег. Затем я хочу, чтобы поле очистилось, а не было заполнено с выбором.

У меня есть промежуток, появляющийся очень хорошо, но я не могу заставить поле очищаться.

Как Вы отменяете jQuery действие выбора значения по умолчанию Автоматического заполнения UI?

Вот мой код:

var availableTags = ["cheese", "milk", "dairy", "meat", "vegetables", "fruit", "grains"];
$("[id^=item-tag-]").autocomplete({
    source: availableTags,

    select: function(){
        var newTag = $(this).val();
        $(this).val("");
        $(this).parent().append("<span>" + newTag + "<a href=\"#\">[x]</a> </span>");
    }
});

Просто выполнение $(this).val(""); не работает. То, что невыносимо, - то, что почти точная функция хорошо работает, если я игнорирую автоматическое заполнение и просто принимаю меры, когда пользователь вводит запятую как таковую:

$('[id^=item-tag-]').keyup(function(e) {
    if(e.keyCode == 188) {
        var newTag = $(this).val().slice(0,-1);
        $(this).val('');
        $(this).parent().append("<span>" + newTag + "<a href=\"#\">[x]</a> </span>");
    }
});

Реальный конечный результат состоит в том, чтобы заставить автоматическое заполнение работать со множественными выборами. Если бы у кого-либо есть какие-либо предложения, для которых, им были бы рады.