隐藏表单并在表单提交上显示div

我正在尝试隐藏表单div id="first"并显示div id="second"按下提交按钮的时间.下面是我正在使用的代码,但它无法正常工作.结果是在页面返回其原始视图之前"快速"隐藏div id="first"和"快速"显示div id="second".

有人可以帮我纠正一下吗？谢谢!

$(document).ready(function() {
  $("#myform").submit(function(e) {
    $("#first").hide();
    $("#second").show();
  });
});

  

    


      Text Field:
      
      

      
    
  




  test

 $(document).ready(function() {
        $("#myform").submit(function(e) {
            e.preventDefault();
            $("#first").hide();
            $("#second").show();
        });
    });