Redirect AJAX au submit d'un formulaire

Bonjour,
J'ai branché un webhook Zapier afin d'envoyer les données récoltées via mon formulaire (html/css) sur mon adresse mail.

<form id="embarq-form" action="https://hooks.zapier.com/hooks/catch/2588268/z2mzj1/" type="POST">
              <div class="row">
                <div class="col-xs-6">
                  <div class="form-group">
                    <label for="prenom"><p>Prénom</p></label>
                    <input type="text" class="form-control" id="prenom" placeholder="Jean" name="prenom" required>
                  </div>
                </div>
                <div class="col-xs-6">
                  <div class="form-group">
                    <label for="nom"><p>Nom</p></label>
                    <input type="text" class="form-control" id="nom" placeholder="Barq" name="nom" required>
                  </div>
                </div>
              </div>
              <div class="form-group">
                <label for="email"><p>Email</p></label>
                <input type="email" class="form-control" id="email" placeholder="jean@gmail.com" name="email" required>
              </div>
              <div class="text-center">
                <input type="submit" value="ENVOYER" class="btn-embarq" id="embarq-submit">
              </div>
</form>

Je reçois bien l'email avec les données mais le submit me renvoie une string de data.

Afin de gérer la redirection j'ai utilisé de l'ajax à la suite de mon form qui ressemble maintenant à ça :

<form id="embarq-form">
              <div class="row">
                <div class="col-xs-6">
                  <div class="form-group">
                    <label for="prenom"><p>Prénom</p></label>
                    <input type="text" class="form-control" id="prenom" placeholder="Jean" name="prenom" required>
                  </div>
                </div>
                <div class="col-xs-6">
                  <div class="form-group">
                    <label for="nom"><p>Nom</p></label>
                    <input type="text" class="form-control" id="nom" placeholder="Barq" name="nom" required>
                  </div>
                </div>
              </div>
              <div class="form-group">
                <label for="email"><p>Email</p></label>
                <input type="email" class="form-control" id="email" placeholder="jean@gmail.com" name="email" required>
              </div>
              <div class="text-center">
                <input type="submit" value="ENVOYER" class="btn-embarq" id="embarq-submit">
              </div>
</form>
<!-- Load jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js">
</script>

<script>
  // POST form data to zapier on submit
  $('#embarq-form').submit(function(e){
      e.preventDefault();
      $.ajax({
          url:'https://hooks.zapier.com/hooks/catch/2588268/z2mzj1/',
          type:'post',
          data:$('#embarq-form').serialize(),
          success:function(){
            // Redirect to another success page
            window.location = "/";
          }
      });
  });
</script>

Après intégration de l'ajax, au submit, le redirect fonctionne, le mail est envoyé mais sans les données (mail vide)

J'ai beau tourner le problème dans tous les sens, je n'arrive pas à le résoudre.

Une âme charitable pour me donner un coup de main ?

Merci infiniment.
Clément