jQuery.validator.setDefaults({
  invalidHandler: function(form, validator) {
  var errors = validator.numberOfInvalids();
    if (errors) {
      try {
        // if ($("div.error-message").hidden()) {
          var formElement = form.currentTarget;
          // $('#form-wrap').before('<div class="error-message" style="display: block;"><p>There was a problem with your form. Please check the highlighted fields and try again.</p><ul id="messageBox"></ul></div>');
          $("div.error-message").show();
        // }
      } catch (err) {}
    } else {
      $("div.error-message").hide();
    }
  }
});

$(document).ready(function(){
	$('#contact_form').validate({
		errorElement: 'span',
		errorLabelContainer: "#messageBox",
		wrapper: "li",
		rules: {
			name: "required",
			email: {
				required: true,
				email: true
			},
			message: "required"
		},
		messages: {
			name: "Please enter your name",
			email: {
				required: "Please enter a valid email address",
				minlength: "Please enter a valid email address"
			},
			message: "Please enter your message"
		}
	});
});