$（...）。自动完成不是第二次调用的函数

Question

我知道还有其他类似的问题，但没有一个可以帮助我。

这是我的代码：

var surnameOptions = @Html.Raw(JsonConvert.SerializeObject(ViewBag.originatorsSurname));
var prenames = @Html.Raw(JsonConvert.SerializeObject(ViewBag.originatorsPrename));

$("#surname").autocomplete({
    source: surnameOptions
});
$("#prename").focus(function(){
    if (! $("#surname").val() == ""){
        var prenameOptions = Array();
        for (i = 0; i < prenames.length; i++){
            if (surnameOptions[i] == $("#surname").val()){
                prenameOptions.push(prenames[i]);
            }
        }
    } else{
        var prenameOptions = @Html.Raw(JsonConvert.SerializeObject(ViewBag.originatorsPrename));
    }
    $("#prename").autocomplete({
        source: prenameOptions
    });
});

我不知道原因，但错误仅出现在第二次.autocomplete电话上。 其余代码可以使用。

这些库就在这个脚本之前：

<script src="~/Scripts/jquery-ui.js"></script>
<script src="~/Scripts/jquery-ui.min.js"></script>

为什么第二个.autocomplete无效？