title: Ajax Contact form validation and submit
body: <p>I'm trying to make a HTML contact form. Here's my code
  `Get in Touch</p>
  
  <pre><code>                    &lt;p class="success-sending-message"&gt;Thank you, your message has been sent!&lt;/p&gt;
                      &lt;p class="error-sending-message"&gt;There has been an error, please try again.&lt;/p&gt;
  
                      &lt;div id="contact-form"&gt;
  
                          &lt;form action="" id="contactForm" class="styled" method="post"&gt;
  
                              &lt;label for="contact_name"&gt;Name&lt;/label&gt;
                              &lt;input type="text" tabindex="3" id="contact_name" name="contact_name" value="" class="requiredField textbox" /&gt;
  
                              &lt;label for="contact_email"&gt;Email&lt;/label&gt;
                              &lt;input type="text" tabindex="4" id="contact_email" name="contact_email" value="" class="requiredField email textbox" /&gt;
  
                              &lt;label for="contact_subject"&gt;Subject&lt;/label&gt;
                              &lt;input type="text" tabindex="5" id="contact_subject" name="contact_subject" value="" class="requiredField textbox" /&gt;
  
                              &lt;label for="contact_message"&gt;Your Message&lt;/label&gt;
                              &lt;div class="textarea-wrap"&gt;
                                  &lt;textarea cols="65" rows="9" tabindex="6" id="contact_message" name="contact_message" class="requiredField"&gt;&lt;/textarea&gt;
                              &lt;/div&gt;
  
                              &lt;div class="form-section"&gt;
                                  &lt;button class="button" tabindex="7" type="submit" id="born-submit" name="born-submit"&gt;Send Message&lt;/button&gt;
                                  &lt;input type="hidden" name="submitted" id="submitted" value="true" /&gt;
                                  &lt;span class="sending-message"&gt;&lt;img src="css/images/loading-light.gif" /&gt; Sending...&lt;/span&gt;
                              &lt;/div&gt;
                          &lt;/form&gt;
                      &lt;/div&gt;`
  </code></pre>
  
  <p>And here's my validation script</p>
  
  <pre><code>$(window).load(function() {
  
  /* Ajax Contact form validation and submit */
  jQuery('form#contactForm').submit(function() {
      jQuery(this).find('.error').remove();
      var hasError = false;
      jQuery(this).find('.requiredField').each(function() {
          if(jQuery.trim(jQuery(this).val()) == '') {
              if (jQuery(this).is('textarea')){
                  jQuery(this).parent().addClass('input-error');
              } else {
                  jQuery(this).addClass('input-error');
              }
              hasError = true;
          } else if(jQuery(this).hasClass('email')) {
              var emailReg = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
              if(!emailReg.test(jQuery.trim(jQuery(this).val()))) {
                  jQuery(this).addClass('input-error');
                  hasError = true;
              }
          }
      });
      if(!hasError) {
          jQuery(this).find('#born-submit').fadeOut('normal', function() {
              jQuery(this).parent().parent().find('.sending-message').show('normal');
          });
          var formInput = jQuery(this).serialize();
          var contactForm = jQuery(this);
          jQuery.ajax({
              type: "POST",
              url: jQuery(this).attr('action'),
              data: formInput,
              success: function(data){
                  contactForm.parent().fadeOut("normal", function() {
                      jQuery(this).prev().prev().show('normal'); // Show success message
                  });
              },
              error: function(data){
                  contactForm.parent().fadeOut("normal", function() {
                      jQuery(this).prev().show('normal');  // Show error message
                  });
              }
          });
      }
  
      return false;
  
  });
  
  jQuery('.requiredField').blur(function() {
      if(jQuery.trim(jQuery(this).val()) != '' &amp;&amp; !jQuery(this).hasClass('email')) {
          if (jQuery(this).is('textarea')){
              jQuery(this).parent().removeClass('input-error');
          } else {
              jQuery(this).removeClass('input-error');
          }
      } else {
          if (jQuery(this).is('textarea')){
              jQuery(this).parent().addClass('input-error');
          } else {
              jQuery(this).addClass('input-error');
          }
      }
  });
  
  jQuery('.email').blur(function() {
      emailReg = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
      if(emailReg.test(jQuery.trim(jQuery(this).val())) &amp;&amp; jQuery(this).val() != '') {
          jQuery(this).removeClass('input-error');
      } else {
          jQuery(this).addClass('input-error');
      } 
  });
  
  jQuery('.requiredField, .email').focus(function(){
      if (jQuery(this).is('textarea')){
          jQuery(this).parent().removeClass('input-error');
      } else {
          jQuery(this).removeClass('input-error');
      }
  });
  
  });
  </code></pre>
  
  <p>My form is working properly, After filling details It is showing me "Thank you, your message has been sent!" But where is this message going, I don't have any of the process.php file and all.  I want that email should be send to my email id.</p>