$(document).ready(function(){
	
	var container = $('div.container');
	var container2 = $('div.container2');

// validate the form when it is submitted
	$("#commentForm").validate({
		errorContainer: container,
		errorLabelContainer: $("ul", container),
		wrapper: 'li',
		meta: "validate"
	});
	
	// validate signup form on keyup and submit
	$("#signupForm").validate({
		rules: {
			name: "required",
			login: {required: true,minlength: 2},
			password: {required: true,minLength: 5},
			c_password: {required: true,minlength: 5,equalTo: "#password"},
			email: {required: true,email: true}
		},
		messages: {
			name: "Please enter your name",
			login: {
				required: "Please enter a username",
				minLength: "Your username must consist of at least 2 characters"
			},
			password: {
				required: "Please provide a password",
				minLength: "Your password must be at least 5 characters long"
			},
			c_password: {
				required: "Please enter your confirmation password",
				minLength: "Your password must be at least 5 characters long",
				equalTo: "Please enter the same password as above"
			},
			email: "Please enter a valid email address"
		},
		errorContainer: container2,
		errorLabelContainer: $("ul", container2),
		wrapper: 'li',
		meta: "validate"
	});


});