$(document).ready(function() {
	var container = $('div.container');
	// validate the form when it is submitted
	var validator = $("#user_registration").validate({
		rules: {
			full_name: {
				required:true
			},
			email_id: {
				required:true,
				email: true
			},
			user_password: {
				required:true,
				minlength: 6
			},
			gender: {
				required:true
			},
			agree:{
				required:true
			}
		},
		messages: {
			full_name: {
				required: "Please enter your full name"
			},
			email_id: {
				required: "Please enter your email id",
				email: "Please enter your valid email id"
			},
			user_password: {
				required: "Please entery your password",
				minlength: "Please enter your password (more then 6 characters)"
			},
			gender: {
				required: "Please select your gender"
			},
			agree: {
				required: "Please agree to our policy!"
			}
		},
		errorContainer: container,
		errorLabelContainer: $("ol", container),
		wrapper: 'li',
		meta: "validate",
		errorPlacement: function(error, element){
			error.insertAfter(container);
		}
	});
	
	$(".cancel").click(function() {
		validator.resetForm();
	});
});