html - Do Not Load Page After Form Submit -

i have created basic html contact form using cgimail , works, can't keep redirecting somewhere after form submitted. i'm trying instead use bootstrap alert @ top of page.

how form submit, keep redirecting?

here's code:

      <form method="post" action="/cgi-bin/cgiemail/forms/email.txt">         <fieldset>           <h2 id="contact-header">contact</h2>           <label>name:</label>           <input type="text" name="yourname" placeholder="" autofocus>           <label>email address:</label>           <input type="email" name="email" value="" placeholder="">           <label>phone:</label>           <input type="tel" name="phone" value="" placeholder="">           <label>message:</label>           <textarea name="message" rows="2"></textarea>           <br>           <button type="submit" id="formsubmit" class="btn">send</button>           <input type="hidden" name="success" value="">         </fieldset>       </form> 

thanks, ryan

the "action" attribute in form telling send browser on email.txt, have control on whether or not redirect page. default @ least redirect email.txt page post, odds cgi doing stuff when posting page.

using jquery ajax, can following (this code skips error checking):

$('form').submit(function() {      var data = { };     data.yourname = $(this).find('input[name="yourname"]').val();     data.message = $(this).find('textarea[name="message"]').val();     // same above each form field.      $.post("/cgi-bin/cgiemail/forms/email.txt", data, function() {          //add alert form.         $('body').prepend('div class="alert">success!</div>');     });     return false; });