test.html

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<script>
$("#contact-form").validate({
  submitHandler: function(form) {
    $.ajax({
      url: "//formspree.io/tawaffles@gmail.com", 
      method: "POST",
      data: {
        name: $(form).find("input[name='name']").val(),
        _replyto: $(form).find("input[name='_replyto']").val(),
        message: $(form).find("textarea[name='message']").val()
      },
      dataType: "json",
      success: function() {
        $("#submit-success").fadeIn();
        $("#contact-form").fadeOut();
      },
      error: function() {
        $("#submit-errors").fadeIn();        
      }
    });
  }
});
</script>
<form id="contact-form" class="form" action="/">
          <div class="form-group">
            <label for="name">Name</label>
            <input class="form-control" type="text" name="name" required="" placeholder="Name">
          </div>
          <div class="form-group">
            <label for="email">Email</label>
            <input class="form-control" type="email" name="_replyto" required="" placeholder="email@address.com">
          </div>
          <div class="form-group">
            <label for="message">Message</label>
            <textarea class="form-control" name="message" placeholder="Message" required="" rows="5"></textarea>
          </div>
          <input class="btn btn-primary" type="submit" value="Send">
</form>