如何将自动完成绑定到动态创建的文本输入

我试图将我的自动完成绑定到我在按钮单击时动态创建的输入，我似乎无法让它工作。 当单击其中一个带有addincidentwitness类的按钮时，该字段会创建，但输入文本字段不会执行查找。 以下是代码。 首先是按钮。

这是绑定到上面按钮的jquery代码。 如您所见，我正在创建输入文本字段，下面是该输入字段的自动完成function。

 $(function(){ $(".addincidentwitness").click(function(){ if($(this).val()=="Add MCH Person"){ $("#addwitnessdiv").empty(); $("#addwitnessdiv").append( $('').prop({for:"addmchwitness"}).text("MCH Person to Add") ).append( $('').prop({type:"text",name:"addmchwitness",id:"addmchwitness"}) ) $(function(){ $("#addmchwitness").autocomplete({ source:"../json/getanymchpersonjson.php", select:function(e,u){ if($("#"+u.item.Mchnum).length>0){ alert("You already have this employee as a witness.") }else{ $("#witnessesdiv").append( $('
').prop({id:u.item.Mchnum}).append( $('').text("MCH Person") ).append( $('').prop({type:"hidden",name:"witnessmchnums[]",value:u.item.Mchnum}) ).append( $('').prop({type:"text",value:u.item.label,readonly:true}) ) ) } $("#addwitnessdiv").empty(); }, minLength:3 }) }) } }) }) 

我如何将它绑定到字段上肯定有问题，但是当我使用chrome检查输入字段时，它似乎将适当的类从jquery附加到字段。 以下是现场检查的输出。

有任何想法吗？