在同一页面上的两个输入（差异ID）上的两个自动完成

所以我的页面上有两个文本字段img和lok。我希望他们两个都能自动完成来自使用输入值作为搜索字符串的另一个页面中的数据。代码中最先出现的脚本可以正常工作。下一个永远不会执行。如果我更改顺序，则它适用于其他输入，因此两者均由他们自己完成。因此，我将不得不命名一些函数名以使其与众不同？这是我的代码：

<script>
$(function () {
            $("#img").autocomplete({
                minLength: 3,
                source: function (request, response) { 
                    $.ajax({ 
                        url: "q/qfolder.php", 
                        dataType: "json", 
                        data: {
                            q: $("#img").val(),  
                        }, 
                        success: function (data) { 
                            response(data); 
                        } 
                    }); 
                },
            })
            .data("autocomplete")._renderItem = function (ul, item) {
                return $("<li></li>")
                    .data("item.autocomplete", item);
            };
        });
</script>
<script>
$(function () {
            $("#lok").autocomplete({
                minLength: 2,
                source: function (request, response) { 
                    $.ajax({ 
                        url: "q/qlok.php", 
                        dataType: "json", 
                        data: {
                            q: $("#lok").val(),  
                        }, 
                        success: function (data) { 
                            response(data);
                        } 
                    }); 
                },
            })
            .data("autocomplete")._renderItem = function (ul, item) {
                return $("<li></li>")
                    .data("item.autocomplete", item);
            };
        });
</script>

<input type="text" id="lok">
<input type="text" id="img">

JSON是一种二维的，安静的简单响应。阅读了很多非常相似的内容，但是都没有解决我的问题。可悲的是，我对jQuery的了解很少。