使用JQuery提交表单不会追加到列表中

<form id="myForm">
  <input type="text" id="nameInput" placeholder="姓名" />
  <input type="text" id="emailInput" placeholder="邮箱" />
  <button type="submit">提交</button>
</form>

$(document).ready(function() {
  $("#myForm").submit(function(event) {
    event.preventDefault(); // 阻止默认的表单提交行为
    // 在这里执行表单提交后的逻辑
  });
});

$(document).ready(function() {
  $("#myForm").submit(function(event) {
    event.preventDefault(); // 阻止默认的表单提交行为
    // 获取表单中的输入值
    var name = $("#nameInput").val();
    var email = $("#emailInput").val();
    
    // 创建新的列表项并追加到列表中
    var listItem = $("<li>").text("姓名：" + name + "，邮箱：" + email);
    $("#myList").append(listItem);
    
    // 清空表单输入框的值
    $("#nameInput").val("");
    $("#emailInput").val("");
  });
});

<ul id="myList"></ul>