在ajax填充页面

Question

我在一个具有自动完成功能的视图上有两个文本框。我正在使用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);
            }

此外.on功能如下

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

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