jQuery-UI自动完成菜单显示在init上

我在Chrome上尝试了我的网站，效果很好。但是，当我在IE 11上试用时，我所有的自动完成菜单都出现在屏幕上的随机位置。奇怪的行为...

仅当页面加载（输入不可见，但自动完成菜单变为可见）时，它才会发生，在我单击它们后它们就会消失并且可以正常工作。

我该怎么办？

JS：

$('document').ready(function() {
    $("#field-name").autocomplete({
        source: [
            {label: "Foo", value: 1},
            {label: "Bar", value: 2},
            {label: "Baz", value: 3}
        ],
        select: function(event, ui) {
            alert(ui.item.value);
        },
        close: function(event, ui) {
            $(this).trigger("change");
        },
        delay: 10,
        minLength: 0
    });
});

HTML：

<div style="visibility:hidden;">
    <input type="text" id="field-name" placeholder="Enter name" />
</div>