hi, i have a simple form with validation that works really well in firefox3 / 2 but not in IE7. this is the html, how to debug or find what is wrong?? thanks
<!doctype html public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title> title </title> <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="/static/jquery.validate.pack.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#signup").validate({ rules: { username: "required", password: "required", email: { required:true, email:true, } }, messages: { username: "Please enter username", password: "Please enter password", email: "Please enter valid email address", } }); }); </script> </head> <body> <form id="signup" action="/signup" method="post" enctype="multipart/form-data"> <table> <tbody> <tr> <td> Username </td><td> <input type="text" size=16 name="username" value= "" /> </td> </tr> <tr> <td> New Password </td><td> <input type="password" size=16 name="password" value="" /> </td> </tr> <tr> <td> Email </td><td> <input type="text" size=16 name="email" value="" /> </td> </tr> <tr> <td></td><td> <input type="submit" style="font-size:2em;" value="DONE "/> </td> </tr> </tbody> </table> </form> </body> </html>