Jquery on提交不使用生成的文本输入

Question

我在页面上显示的服务器上有一个文件列表。我还有一个按钮来创建一个文件夹。单击该按钮将生成一个新的文本输入，其中可以输入文件夹的名称，该名称嵌套在html表单中。 然后我想在那里写一些ajax但是Jquery的.submit函数没有看到新生成的文本输入字段，因此我无法使其工作。 这是我的jquery：

$(document).ready(function(){
var csrf = "{% csrf_token %}";
var fields = 0;
$('#newFolder').click(function(){
  var folderName = $('<form method="post" class="createFolder">' + csrf + '<li><input type="checkbox" class="styled-checkbox"><div id="name"><input type="text" id="fieldName" /></div></li></form>');
  $('.objectsList').append(folderName);
  });
$('.createFolder').on('submit', function(event){
  event.preventDefault();
  alert("fieldName");
  });
});

因此，当您点击#newFolder时，会生成带有表单的新li。我输入文件夹的名称，当我单击输入时，我被重定向到同一页面但空白。 如果我用文本输入硬编码这个表单，它工作正常。 我知道Jquery会随页面一起加载，如果在页面加载后生成了某些东西，那么它将无法看到它，对吗？ 我该怎么做才能看到＆＃39;这个新生成的表单及其字段？

由于