Bootstrap Modal confirm doesn't form Submit

Question

I have a Form and when i submit it I will show or i intercept a Modal confirming the submit that contains a confirmation text. When i click on confirm the submit wont done but it reload the page Any one have a ideas. thanks

 $('#submit').click(function(){ alert('submitting'); $('#form').submit(); }); 

 <form id="form" name="customer_file_update" method="post" action="XXXXXXX" class="form-horizontal"> {# place of fields#} <button type="submit" id="customer_file_update_save_and_next" name="customer_file_update[save_and_next]" title="Valider le verdict et continuer" class="btn btn-success btn" data-toggle="modal" data-target="#confirm-verdict-modal" onclick="return false;">Valider le verdict et continuer</button> <button .....>XXXX</button> </form> <div class="modal fade" id="confirm-verdict-modal" tabindex="-1" role="dialog" aria-labelledby="confirm-verdict-label" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <div class="row"> <div class="col-md-11"> <h5 class="modal-title" id="confirm-verdict-label">XXXXXXXXXXXXXXX</h5> </div> <div class="col-md-1"> <button type="button" class="close" data-dismiss="confirm-verdict-label" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> </div> </div> <div class="modal-body"> XXXXXXXXXXXXXxXXXXXXXXXXXX ? <p class="text-danger"> /!\\ XXXXXXXXXXXXXXXXXXXXXX! </p> </div> <div class="modal-footer" <a href="#" id="submit" class="btn btn-success success">Submit</a> <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button> </div> </div> </div> </div> 

Answer 1

$('#submit').on('click', function (e){
   e=e || window.e;
   e.preventDefault();
   your_code_open_modal;
});