我的代碼中的這一步幾乎所有東西都可以正常工作，但是，代碼可以工作，但由于某種原因仍然顯示我似乎無法修復的控制臺問題。索引.ejs<%- include("partials/header") %><div class="container my-5">    <div class="row justify-content-center">            <div class="card bg-dark" style="width: 18rem;">                <div class="card-header text-white">                    To-Do List                    <a href="#collapseToDo" data-toggle="collapse"><i class="fas fa-plus ml-auto"></i></a>                </div>                <ul class="list-group list-group-flush">                    <div class="collapse" id="collapseToDo">                            <form class="" action="/" method="POST">                                <input class="list-group-item bg-light rounded-0" name="todo" type="text" placeholder="Enter To-Do"/>                            </form>                    </div>                    <% todos.forEach(function(todos){ %>                    <li class="list-group-item"><%= todos.title %> <form action="/<%= todos._id %>?_method=DELETE" method="POST"><button><i class="far fa-trash-alt"></i></button></form></li>                    <% }) %>                </ul>            </div>     </div></div><%- include("partials/footer") %>dom.js$("ul").on("click", "button", function(event){    $(this).parent().parent().fadeOut(500, function(){        $(this).remove();    });    event.stopPropagation();});    $("input[type='text']").keypress(function(event){        if(event.which === 13){          var todoText = $(this).val();           $(this).form.submit();          $(".list-group").append("<li class='list-group-item'>" + todoText + "<span><i class='far fa-trash-alt'></i></span></li>");          $(this).val("");        }    });    $(".list-group").on("click", "li", function(){         $(this).toggleClass("completed");    });我似乎無法$(this).form.submit()在沒有任何錯誤的情況下開始工作。我收到以下錯誤：無法讀取未定義的屬性“提交”奇怪的是。表單確實最終成功提交，但是由于錯誤，事件偵聽器中的下一行沒有通過。誰能幫幫我？