<script src="/_includes/jquery/jquery-1.8.2.min.js"></script>
<script src="js/jquery.validate.js"></script>
<!-- <script src="js/bootstrap.js"></script> -->
<script type="text/javascript">
$(document).ready(function(){
	$("#contact-form").validate({
		messages: {
			optionsRadios: "Please select one of the options."
		},
		errorPlacement: function(error, element) {
			var isInputAppend = ($(element).parent('div.input-append').length > 0);
			var isRadio = ($(element).attr('type') == 'radio');
			if(isRadio){
				afterElement = $(element).closest('div.controls').children("label").filter(":last");
				error.insertAfter(afterElement);
			}else if (isInputAppend) {
				appendElement = $(element).next('span.add-on');
				error.insertAfter(appendElement);
			}else {
				error.insertAfter(element);
			}
		},
		showErrors: function(errorMap, errorList) {
			$("#errors").html("Your form contains " + this.numberOfInvalids() + " errors, see details above.");
			this.defaultShowErrors();
		},
		highlight: function(label) {
			$(label).closest('.control-group').addClass('error');
		},
		success: function(label) {
			label
			.html(' <i class="icon-ok"></i>').addClass('valid')
			.closest('.control-group').addClass('success');
		},
		errorElement: 'span'
	});
}); // end document.ready
</script>