[MOVED] Form submission jQuery

[MOVED] Form submission jQuery

Trying to do a form then when the users clicks submit that it will send an email. Everything works except it never sends the email.

html
  2. <div id="contactForm">
  3. <form action="" method="post" name="emailForm">
  4. <table>
  5. <tr>
  6. <td>Name: </td>
  7. <td><input id="username" type="text" /></td>
  8. </tr>
  9. <tr>
  10. <td>Your Email: </td>
  11. <td><input id="emailaddress" type="text" /></td>
  12. </tr>
  13. <td>How can we help?: </td>
  14. <td><textarea rows="4" cols="20" id="message"></textarea></td>
  15. </tr>
  16. <td><input type="button" value="Submit" id="submit" /></td>
  17. <td><input type="button" value="Cancel" id="cancel" /></td>
  18. </tr>
  19. </table>
  20. </form>
  21. </div>

jquery
  2. $(document).ready(function() {
  3. $("#contactForm").hide();

  5. $("pre").click(function() {
  6. $('body').css('overflow-y', 'hidden');

  8. $('<div id="overlay"></div>')
  9. .css('top', $(document).scrollTop())
  10. .css('opacity', '0')
  11. .animate({'opacity': '0.5'}, 'slow')
  12. .appendTo('body');
  14. $("#contactForm").show().appendTo('overlay');
  16. positionBox();

  18. $("#username").focus();
  20. var emailAddress = $(this).attr("title");
  22. $("#submit").click(function() {
  23. var name = $("#username").val();
  24. var usersEmail = $("#emailaddress").val();
  25. var message = $("#message").val();
  26. var messageSubject = "Email from GVHS Site";
  28. if(name == '') {
  29. $("#username").after('<span id="usererror" style="color:#ff0000;">Must enter your name</span>');
  30. $("#username").click(function() {
  31. $("#usererror").hide();
  32. });
  33. }
  35. if(usersEmail == '') {
  36. $("#emailaddress").after('<span id="emailerror" style="color:#ff0000;">Must enter an email address</span>');
  37. $("#emailaddress").click(function() {
  38. $("#emailerror").hide();
  39. });
  40. }
  42. if(message == '') {
  43. $("#message").after('<span id="messageerror" style="color:#ff0000;">Must enter a message</span>');
  44. $("#message").click(function() {
  45. $("#messageerror").hide();
  46. });
  47. }
  49. if(name != '' || usersEmail != '' || message != '') {
  50. var dataString = 'name=' + name + '&emailTo' + emailAddress + "&emailFrom=" + usersEmail + "&subject=" + messageSubject + "&message=" + message;

  52. $.ajax({ 
  53. type: "POST",
  54. url: "includes/sendemail.php",
  55. data: dataString,
  56. success: function() {}
  57. });

  59. setTimeout(function() {
  60. removeBox();
  61. },800);
  62. }
  63. });
  64. });

  66. $("#cancel").click(function() {
  67. removeBox();
  68. });
  69. });

  71. function positionBox() {
  72.   var top = ($(window).height() - $('#contactForm').height()) / 2;
  73.   var left = ($(window).width() - $('#contactForm').width()) / 2;
  74.   $('#contactForm')
  75.     .css({
  76.       'top': top + $(document).scrollTop(),
  77.       'left': left
  78.     })
  79.     .fadeIn();
  80. }

  82. function removeBox() {
  83.   $('#overlay, #contactForm')
  84.     .fadeOut('slow', function() {
  85.       $(this).remove();
  86.       $('body').css('overflow-y', 'auto'); // show scrollbars!
  87.     });
  88. }

php
  2. <?php
  3.     $name = $_POST['name'];
  4.     $mailTo = $_POST['emailTo'];
  5.     $mailFrom = $_POST['emailFrom'];
  6.     $subject = $_POST['subject'];
  7.     $message = $_POST['message'];

  9.     $header = "From: GVHS<no-reply@jcwebconcepts.net>\r\n";

  11.     mail($mailTo, $subject, $message, $header);
  12. ?>