jQuery(function() {
    jQuery('#signup .error').hide();
    jQuery(".button").click(function() {
      // validate and process form here
      
      jQuery('.error').hide();
  	  var email = jQuery("input#email").val();
  		var email_re = /[a-z0-9!#jQuery%&'*+\/=?^_`{|}~-]+(?:\.[a-z0-9!#jQuery%&'*+\/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/i;
			if (!email_re.test(email)) {
				jQuery("label#email_error").show();
        jQuery("input#email").focus();
				return false;
			}
	
  		var first = jQuery("input#first").val();
  		if (first == "") {
        jQuery("label#first_error").show();
        jQuery("input#first").focus();
        return false;
      }
  		var last = jQuery("input#last").val();
  	
	  var format = jQuery("input#format").val();
	  
	  
  jQuery.ajax({
		 
    type: "POST",
    url: "signup.php",
    data: 'email='+ email + '&format=' + format + '&first=' + first + '&last=' + last,
	beforeSend: function() {
      jQuery('#signup').html("<div id='message'></div>");
	  
      jQuery('#message').html("<h3>Please wait...</h3>")
    },
	error: function (XMLHttpRequest, textStatus, errorThrown) {
jQuery('#signup').html("<div id='message'></div>");
      jQuery('#message').html("<h3>Error!</h3>")
},
    success: function() {
      jQuery('#signup').html("<div id='message'></div>");
      jQuery('#message').html("<h3>Thank you for signing up!</h3>")
      .append("<p>You will receive a confirmation email shortly.</p>")
      
    }
  });
  return false;
  
      
    });
  });