修改AJAX自动完成的位置

Question

尽管尝试了两种方法，但我似乎无法移动自动完成建议。 这是代码：

<head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
</head>
    <script>
        $(function() {
            $.ajax({
                url: '{{ url_for("certificates.autoinst") }}'
                }).done(function (data) {
                    $('#institution').autocomplete({
                        source: data.json_list,
                        minLength: 2,
                        position: { my : "center", at: "center", of: "#institution" }
                    });
                });
            });

    </script>

        <input type="text" id="institution"/>

我正在使用的库是： http : //ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js

自动完成功能有效，但是我无法控制弹出窗口的位置。 我希望该框靠近文本输入框，例如右下角，但是无论我尝试使用什么位置，该框都将保持在左上方。