Javascript-创建div后，Ajax不起作用

我有一个表单按钮。单击该按钮时，将创建表单。创建表单后，表单无法使用Ajax。我的脚本代码在这里。我的

#testform

没有错，因为它在不创建表单的情况下工作。你有什么想法吗

函数addDiv（）{
变量面板=document.querySelector（“.add_new”）；
var div=document.createElement（“div”）；
div.innerHTML='
添加到数据库
'；
儿童事务委员会（分区）；
}
$（“#testform”）.submit（函数（e）{
e、 预防默认值（）；
var formData=new formData（$（“#testform”）.get（0））；
$.ajax({
url:'config.php'，
键入：“POST”，
数据：formData，
contentType:false，
processData:false，
成功：函数（）{
设置超时(
函数（）{
$（“.addToDatabase”）.html（“成功”）；
}, 1000);
}
})
})

创建表单

由于第二条语句是在创建“div”之前执行的，因此在新的

---

它以什么方式不起作用？请分享您收到的任何错误消息，或更详细地描述问题。谢谢，它成功了

function addDiv() {
   /*...*/
  panel.appendChild(div);
  $("#testform").submit(function(e) { /*...*/ });
}