[jQuery] How to bind validation to new loaded form?

[jQuery] How to bind validation to new loaded form?


Hi all,
i have tried to transform a bind example to my situation, but i can't
get it working.
Via my menu, i load a form which i want to validate.
( with Validation plugin from http://bassistance.de/jquery-plugins/jquery-plugin-validation/
Loading the form into my content div works fine, validation fails.
maybe someone can give me a hint how to solve this?
thanks in advance....
See my (small) code below:
loaded javascript:
<!-- jQuery en plugins -->
<script src="JS/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="JS/jquery.validate.min.js" type="text/javascript"></
script>
$(document).ready(function() {
// Menu
$('.sub li a').click(function(){
     // test alert
         //alert("clicked on sub item..");
var toLoad = $(this).attr('href');
         // test alert
         //alert("content to load: " + toLoad); got this alert
$('#content').hide('normal',loadContent);
$('#load').remove();
$('#wrapper').append('<span id="load">LOADING...</span>');
$('#load').fadeIn('normal');
function loadContent() {
     $('#content').load(toLoad,'',showNewContent())
}
function showNewContent() {
     $('#content').show('normal',hideLoader());
}
function hideLoader() {
     $('#load').fadeOut('normal');
}
return false;
});
// nieuwe speler...laadt aanmeld formulier
     $('#nieuwespeler').click(function(){
     //alert("Nieuwe speler! howra"); Got this alert
            var toLoad = 'forms/registreren.php';
$('#content').hide('slow',loadContent); // fast, slow, normal or
milliseconden??
$('#load').remove();
$('#content').append('<span id="load">LOADING...</span>');
$('#load').fadeIn('slow');
function loadContent() {
     $('#content').load(toLoad,'',showNewContent())
}
function showNewContent() {
     $('#content').show('slow',hideLoader(),function(){
                 $("#registratieform").validate();// rebind valideer aanmeld
formulier ???
                 });// fast, slow, normal or milliseconden??
}
function hideLoader() {
     $('#load').fadeOut('slow');
}
     return false;
});
});
And this is my form:
<div id="register">
<fieldset>
<legend>Nieuwe speler aanmaken</legend>
<form id="registratieform" method="get" action="">
<input type="hidden" name="TMS_ToDo" value="NewUser" ><!--
wijzigen: nieuw=ja -->
<input type="hidden" name="rdoHistory" value="pgn"><!-- vervallen?
naar standaard instelling -->
<input type="hidden" name="rdoTheme" value="beholder"><!--
vervallen? naar standaard instelling -->
<label for="txtFirstName">Eigen voornaam:</label>
     <em>*</em><input id="txtFirstName" type="text" name="txtFirstName"
class="required" size=15>
    


     <label for="txtFirstName">Gewenste gebruikersnaam:</label>
     <em>*</em><input id="txtNick" type="text" name="txtNick"
class="required" size=15 minlength="2">



     <P>
     <label for="pwdPassword">Gewenst paswoord:</label>
<em>*</em><input id="pwdPassword" type="password"
name="pwdPassword" class="required" size=15 minlength="8">
    


<label for="pwdPassword2">Herhaal paswoord:</label>
<em>*</em><input id="pwdPassword2" type="password"
name="pwdPassword2" size=15 class="required">



    


     <label for="email_newuser">Uw email adres:</label>
<em>*</em><input id="email_newuser" type="text"
name="email_newuser" size=15 class="required email">



    


        


            <label for="agree">Ik ga accoord met gebruikersvoorwaarden</label>
            <input type="checkbox" id="agree" name="agree" />
            <a href="#">Lees hier de gebruikersvoorwaarden!</a><!-- in popup! --