jquery - Jquery UI - ラベルの代わりに値を表示するボックス

Question

ドロップダウンを選択すると、ラベルではなく値が表示されます。これを正しく機能させるにはどうすればよいですか？これが私のコードです：

            $("#mainIngredientAutoComplete").autocomplete({
                source: function (request, response) {
                    var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i");
                    $.ajax({
                        url: "../api/IngredientChoices",
                        dataType: "json",
                        success: function (data) {
                            response($.map(data, function (v, i) {
                                var text = v.MainName;
                                if (text && (!request.term || matcher.test(text))) {
                                    return {
                                        label: v.MainName,
                                        value: v.MainItemID
                                    };
                                }
                            }));
                        }
                    });
                },
                minLength: 2,
                select: function (event, ui) {
                    $("#mainIngredientID").val(ui.item.value);
                    $("#mainIngredientAutoComplete").val(ui.item.label);
                }
            });