Jquery 提交表格后再做

我有HTML：

<div id="my_form">
   <form action="https://example.com" method="POST" target="_blank">
      <input type="email" required>
      <input type="submit" class="submit_button" value="Submit">
   </form>
</div>

工作正常，但无论表单是否实际提交，它都会关闭div。例如，如果用户将电子邮件输入留空，然后单击提交。表单未提交，但div被隐藏

成功触发表单时如何隐藏div？

使用submit（）事件而不是click（）事件

---

编辑：所以我想我只是回答了我自己的问题。晚安，我亲爱的编码玩家！这能回答你的问题吗？

$(".submit_button").click(function() {
    $("#my_form").hide();
});

$("#my_form").submit(function() {
    $(this).hide();
    return false;
});