$().ready(function() { 
	add_slider();
	ajaxify_form();
	
	$('#quiz-form').validate({
		rules: {
			name: {required: true},
			email: {email: true}
		},
		messages: {
			name: "Required",
			email: {required: "Required", email: "me@me.com"}
		}
	});

});

function get_slider_value() {
	var score = $('#quiz .question').slider('value');
	$('input[name=score]').val(score);
}
function add_slider() {
	ajaxify_form();
	$('#quiz .question').replaceWith('<div class="question"><input type="hidden" name="score" value="3" /></div>');

	$('#quiz .question').slider({ step: 1, min: 1, value: 3, max: 5, stop: get_slider_value});
	
	$('#quiz .question').after('<div class="scale low">not me</div><div class="scale">meh</div><div class="scale high">that\'s me</div>');
}
function ajaxify_form() {
	options = {
		target: '#quiz',
		beforeSubmit: check_form,
		success: add_slider
	}
	$('#quiz-form').ajaxForm(options);
}

function check_form() {
	 return $('#quiz-form').validate().form();
}