How can I make TinyMCE compatible with the jQuery Validation Extension

I have a form that contains a TinyMCE WYSIWYG Element replacing a text area for the description and I am trying to make the contents of this available for validation via the excellent jQuery Validation Plugin (http://bassistance.de/jquery-plugins/jquery-plugin-validation/)

I have found various code snippets via Google but they are either incomplete or do not work for me.

How can I make the contents of the TinyMCE element available for validation please.

<script type="text/javascript" src="../../assets/js/jquery/additional-validation-methods.js"></script>
<script type="text/javascript">
// <![CDATA[
// jQuery calls start here. No need for $(document).ready() here.
// Define the div containing validation messages
var container = $('#clientErrorWrapper');
// Start validation routine
var validator = $("#frmInsert").validate({
	debug: false,
	errorContainer: container,
	errorLabelContainer: $("ul", container),
	wrapper: 'li',
	rules: {
	// start rules
	title: {
		required: true,
		alphanumericwithbasicpunc: true
	},
	fk: {
		required: true,
     	digits: true
	},
	details: {
		required: true,
		alphanumericwithbasicpunc: true
	},
	image: {
		required: true,
		accept: "gif|jpg|jpeg|png"
	},
	sortorder: {
		required: true,
     	digits: true
	}	
	//finish rules		
	}
});	
 
// ]]>
</script>

Select allOpen in new window