title: Open a new page instead of a "your message sent" popup
body: <p>I am using "Agency" a one page Bootstrap template. When the form is successful, and the email is sent, a popup message appears. Instead of a popup, I would like to have a new page open.</p>
  
  <pre><code>$(function() {
  
  $("input,textarea").jqBootstrapValidation({
      preventSubmit: true,
      submitError: function($form, event, errors) {
          // additional error messages or events
      },
      submitSuccess: function($form, event) {
          event.preventDefault(); // prevent default submit behaviour
          // get values from FORM
          var name = $("input#name").val();
          var email = $("input#email").val();
          var phone = $("input#phone").val();
          var message = $("textarea#message").val();
          var firstName = name; // For Success/Failure Message
          // Check for white space in name for Success/Fail message
          if (firstName.indexOf(' ') &gt;= 0) {
              firstName = name.split(' ').slice(0, -1).join(' ');
          }
          $.ajax({
              url: "././mail/contact_me.php",
              type: "POST",
              data: {
                  name: name,
                  phone: phone,
                  email: email,
                  message: message
              },
              cache: false,
              success: function() {
                  // Success message
                  $('#success').html("&lt;div class='alert alert-success'&gt;");
                  $('#success &gt; .alert-success').html("&lt;button type='button' class='close' data-dismiss='alert' aria-hidden='true'&gt;&amp;times;")
                      .append("&lt;/button&gt;");
                  $('#success &gt; .alert-success')
                      .append("&lt;strong&gt;Thank You. Your message has been sent. &lt;/strong&gt;");
                  $('#success &gt; .alert-success')
                      .append('&lt;/div&gt;');
  
                  //clear all fields
                  $('#contactForm').trigger("reset");
              },
              error: function() {
                  // Fail message
                  $('#success').html("&lt;div class='alert alert-danger'&gt;");
                  $('#success &gt; .alert-danger').html("&lt;button type='button' class='close' data-dismiss='alert' aria-hidden='true'&gt;&amp;times;")
                      .append("&lt;/button&gt;");
                  $('#success &gt; .alert-danger').append("&lt;strong&gt;Sorry " + firstName + ", it seems that my mail server is not responding. Please try again later!");
                  $('#success &gt; .alert-danger').append('&lt;/div&gt;');
                  //clear all fields
                  $('#contactForm').trigger("reset");
              },
          })
      },
      filter: function() {
          return $(this).is(":visible");
      },
  });
  
  $("a[data-toggle=\"tab\"]").click(function(e) {
      e.preventDefault();
      $(this).tab("show");
  });
  });
  
  
  /*When clicking on Full hide fail/success boxes */
  $('#name').focus(function() {
  $('#success').html('');
  });
  </code></pre>