Chrome上的jQuery UI自动完成功能不符合选择功能

Question

在我的页面上，我有两个字段：

<input type="hidden" id="NewRecipientCode" name="NBC" value="" />
<div class="col-md-4">@Html.TextBox("NewRecipientName", "", new { @class = "form-control" })</div>

我使用jQuery将NewRecipientName变为自动完成字段：

$('#NewRecipientName').autocomplete({
    minLength: 2,
    delay: 500,
    source: '/api/Recipient/',
    select: function (event, ui) {
        console.log(ui.item);
        $('#NewRecipientCode').val(ui.item.value);
        $('#NewRecipientName').val(ui.item.label)
    }
});

这在IE和FireFox中运行良好。但是，当我在Chrome中运行它时，当我运行此代码时，它只使用ui.item.value值填充字段，完全忽略标签。我无法找到为什么它在Chrome 中被打破的答案。查看Inspector中字段的值，它永远不会被设置。

我运行jQuery 3.1.1和jQuery UI 1.12.1。我的Chrome浏览器为60.0.3112.113m，我的FireFox为55.0.3，IE为11.0.9600.18762。