title: jquery : submitting a form twice
body: <p>I'm creating a registration form for a client for an event they're hosting. The basic user details are submitted to a third-party system (ie name, email etc.) but the rest of the fields need to be sent via email to the client.</p>
  
  <p>I need something like this to happen :</p>
  
  <ol>
  <li>List item</li>
  <li>user fills out form</li>
  <li>jquery bvalidator checks the form for required fields</li>
  <li>form is submitted (via ajax) to a seperate page where an email is sent to client</li>
  <li>form is then submitted (regular POST method) to third-party system </li>
  <li>on success user is passed back to a 'thank you' url.</li>
  </ol>
  
  <p>Here is the code I've tried using, but it gets caught in a loop repeatedly submitting itself to the 'email' page, and never submits to the external url.</p>
  
  <p>If I replace the <code>$('#form1').submit();</code> with an alert it submits only once to the email page and then displays the alert correctly.</p>
  
  <pre><code>var myvalidator = $('#form1').bValidator(optionsGrey);
  
  $('#form1').submit(function() {
    if (myvalidator.isValid()) {
  
      $.ajax({
        data: $('#form1').serialize(),
        type: "POST",
        url: "email_send.asp",
        success: function() {
          $('#form1').submit();
        }
      });
    }
    return false;
  });
  </code></pre>
  
  <p>Any suggestions as to how I can fix this?</p>