Jquery on form submit after next page load -

i trying write alert jquery function using jquery alert. want submit form, wait page reload, , show alert. however, having trouble trying organize this. here code.

$("input.auto").click( function() {  $('#form').on("submit", function(){    $(document).ready( function() {       jalert('example of basic alert box in jquery', 'jquery basic alert box');    });  }); }); 

right alert doesn't wait page reload , shows right after clicking. how can around this?

you edit code below:

$("#form").submit(function(event) {     event.preventdefault();     jalert('example of basic alert box in jquery', 'jquery basic alert box'); });