ajax填充页面上多个文本框上的Jquery自动完成

我在一个视图上有两个文本框，具有自动完成功能。我正在使用jQuery.UI.autocomplete。当作为页面加载时，这些文本框可以正常工作；当使用ajax cal加载到视图中时，这些文本框无法正常工作

function PlanAutoComplete() {
       // debugger
        $("#txtPlanName").autocomplete({
            source: function (request, response) {
                $.ajax (
                //some code here)
}    
                       });
    }

    function ProductAutoComplete() {
        // debugger
        $("#txtProductName").autocomplete({
            source: function (request, response) {
                $.ajax(
//some code here
              );

        });

在document.ready中，我打电话如下

$(document).ready(function () {

     $("#txtPlanName").bind("keydown.autocomplete", PlanAutoComplete);
            $("#txtProductName").bind("keydown.autocomplete", ProductAutoComplete);
            }

还有。关于函数，如下所示

 $('body').on('keydown.autocomplete', '#txtPlanName', PlanAutoComplete);
    $('body').on('keydown.autocomplete', '#txtProductName', ProductAutoComplete);

这里我的第一个名为txtPlanName的文本框工作正常，但第二个文本没有自动填充。我哪里做错了。请帮助