preventDefault not work in submit button

Question

I have html form and when I clicked submit button page goes to insert.php I don't wont it preventDefoult don't work I have this script html

HTML

<form action="insert.php" method="post">
<input  type="text" name="username" placeholder=""><br />
<input  type="text" name="name" placeholder=""><br />
<input  type="text" name="lastname" placeholder=""><br />
<input id="mail" name="email" type="text" placeholder="E-mail"><br />
<input id="mail_1" type="text" placeholder="reply E-mail"><br />
<input id="password" name="password" type="password" placeholder=""><br />
<input id="password_1"  type="password" placeholder=""><br /> 
<input id="submit" type="submit" value="registration">
</form>

jquery

$("#submit").click(function(event){
    event.preventDefault();
});

Answer 1

Instead of listening for the button click you need to listen for <form> submit:

$("form").submit(function(event){
    event.preventDefault();
});

---

Modern jQuery (1.7 or later):

$("form").on('submit', function(event){
    event.preventDefault();
});

Answer 2

I think you just missed the event which is canceling

$( "#target" ).submit(function( event ) {
  event.preventDefault();

});