jQuery函数重复的问题

Question

我正在尝试制作一个表单生成器，但是我被卡住了。通过下面的代码，我使可见的表单（id = formLabel）键入生成的表单的标签，然后提交此formLabel将键入的标签移动到生成的表单所在的另一个块中。 我的问题是：第一次提交标签时，创建了一个标签，但是第二次，键入的​​新标签被创建了两次，第三次则是第三次...

感谢您的帮助！

//Hide the 3 forms
$("#formLabel,#formTxt,#formButton").hide();

//Clic on button label= form visible
$("#label").on("click", function() {
  $("#formLabel").show();
  $("#formTxt,#formButton").hide();

  //submit the form=move the label in a block named left, where the generated form will be.
  $("#formLabel").submit(function(e) {
    var labelEntre = $(".zone").val();
    $("<span style='margin:50px;' id='span' style='float:left;'>" + labelEntre + "</span>").appendTo($("#left"));
    e.preventDefault();
  });
});