Hi David, I was able to recreate the same problem and fixed it. Try this: <html> <head> <title>jQuery Form Plugin</title> <style type="text/css"> form { background: #DFEFFC; border: 5px solid #c5dbec; margin: 10px 0; padding: 20px } </style> <script type="text/javascript" src="../jquery-latest.js"></script> <script type="text/javascript" src="../jquery.form.js"></script> <script type="text/javascript">
// wait for the DOM to be loaded $(document).ready(function() { // bind 'myForm' and provide a simple callback function $('#myForm').ajaxForm(function() { alert("Thank you for your comment!"); }); }); </script> </head> <body> <form method="post" action="dummy.php" id="myForm"> Name:<input type="text" value="MyName1" name="Name"/> <input type="submit" value="Submit1" name="submitButton"/> </form> </body> </html> - replace action="http://jquery.malsup.com/form/dummy.php" with: action="dummy.php" [just create a text file with dummy text in it, name it 'dummy.php' and put in same directory as your test HTML file] - remove the extra pair of script tags <script type="text/ javascript"> </script> - you nested your script inside two pairs of tags - just remove one pair. Other than that, just make sure the path to your .js files is correct, as Brian suggested.