Checkbox-style with validation

Hello,
I have a question quite similar to: http://support.semicolonweb.com/forums/topic/how-can-i-add-a-checkbox-required-for-privacy-policy-on-form/
Obviously, the suggested code is already added to the canvas theme.

I have very hard time to get the validation for a custom checkbox running. E.g. following code does not work:

I read and agree the terms of use

with the jQuery validation js:

$('#register-form').validate({
		rules: {
			'register-form-tou': "required"
		},
		messages: {
			'register-form-tou': {
				required: "You need to agree the terms of use"
			}
		}
	});

It is setting the error and so on very good, but it does not update the checkbox (tick it on click). Is there no build in functionality for that, or is a workaround necessary?

Thank you very much for your help!

Thanks for your answer and support!

I made a example available at: http://testbucket.mydaco.com.s3-website-eu-west-1.amazonaws.com/en/auth.html
You can find the box under "No account yet? Sign up for mydaco" (the Terms of use box)

I hope I didn't mess up with any classes there.

Best regards

Thank you very much, thank fixed the issue.

I had to do the same in the css/color.css to get the same color :)