Jquery validation only works in subdirectory not root folder

I have 开发者_开发问答a contact form on my portfolio site, it was being abused by spammers so I updated it by inserting jquery validation, but for some reason the validation only works correctly when the whole site is loaded in a sub directory not the root public_html folder.

For example my website is located in the root public_html folder.

http://www.jameskirkby.com

On the contact page you can see the error messages without typing.

But if you go to

http://www.jameskirkby.com/test

The validation works fine.

Any suggestions on how to fix this?

---

correction
I tested and your script works fine. I tried entering na@hotmail and I got the error message.

But this will not stop spammers. In order to prevent spamming, you need to use something like CAPTCHA.

And a bit on the side.
Since you are loading all your content in one go, you should consider reducing image file size. It takes a "long" time to load (aprox 4MB).