jQuery(document).ready(function(){
    // validate mainForm form on keyup and submit
    jQuery("#newsletter").validate({
        errorElement: "span",
        errorClass: xHLConst.FIELD_VALIDATION_ERROR_CLASS,
        // Customize placement of created error labels. 
        //  First argument: The created error label as a jQuery object. 
        //  Second argument: The invalid element as a jQuery object.
		errorPlacement: 
		    function(error, element) {
    	        var errorElem = element.parent();
			    errorElem.append(error);
			},
        highlight: 
            function(element, errorClass) {
            
                $(element.form).find("label[for=" + element.id + "]")
                    .addClass(errorClass);
            },
        unhighlight: 
            function(element, errorClass) {
            
                $(element.form).find("label[for=" + element.id + "]")
                    .removeClass(errorClass);
            },
	    rules: {
		    NewsletterSignupAddress : "email",
		    NewsletterSignupAddress : "required"
	    },
	    messages: {
		    NewsletterSignupAddress: "Please enter a valid e-mail address"
	    }
    });
});