jQuery.fn.bindValidAndAjax = function(selector){
	jQuery(selector).validationEngine({
		scroll:false,
		unbindEngine:false,
		success : function(){
			var form = jQuery(selector);
			var formData = form.serialize();
			var formAction = form.attr('action');
			var postSuccess = form.find('div#postSuccess');
			var postError = form.find('div#postError');
			jQuery.ajax({
			   type: "POST",
			   url: formAction,
			   data: formData,
			   success: function(msg){
				 $.colorbox({html:postSuccess.html()});
			   }
			 });
		},
		failure : function(){}
	})
}

/* VALIDATION INSTRUCTIONS HERE:
http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/
*/

/* SAMPLE EE CONTACT FORM 
<script type="text/javascript">
	jQuery(document).ready(function() {
		jQuery.fn.bindValidAndAjax('form#contact');
	});
</script>
{exp:email:contact_form user_recipients="false" recipients="Gayle.hines@odp.idaho.gov" charset="utf-8" form_id="contact"}
	<input type="hidden" name="subject" value="BeTheParent.org Contact Form" />
	<div id="postSuccess" style="display:none;">
		<div style="padding:50px 20px 20px 20px; font-size:20px; text-align:center;"><p>Thank you. We will contact you at our earliest convenience!</p></div>
	</div>
	<div id="postError" style="display:none;">
		<div style="padding:50px 20px 20px 20px; font-size:20px; text-align:center;"><p>Your email did not send. Please try again later.</p></div>
	</div>
	<ul class="form">
		<li class="name">
			<label>Name:</label>
			<input class="validate[required,custom[onlyLetter]]" id="name" name="name" type="text" value="" />
		</li>
		<li class="email">
			<label>Email:</label>
			<input class="validate[required,custom[email]]" id="email" name="from" type="text" value="" />
		</li>
		<li class="comments">
			<label>Message/<br />Questions:</label>
			<textarea class="validate[required]" id="message" name="message" value=""></textarea>
		</li>
		<div class="clear">&nbsp;</div>
		<li class="human">
			<label>2 + 2 = ?</label>
			<input class="validate[required,custom[onlyNumber]]" id="human" name="human" type="text" value="" />
		</li>
		<li class="terms">
			<input class="validate[required]" id="terms" name="terms" type="checkbox" checked value="1"> 
			<span>I have read and agree to the terms and conditions regarding privacy.</span>
		</li>
		<li class="submit">
			<input type="submit" id="submit" name="submit" value="" />
		</li>
	</ul>
{/exp:email:contact_form}
*/