jquery/javascript - where should I put my script code?

put jquery code in body or head?

http://stackoverflow.com/questions/4647806/where-should-i-put-my-javascript-code

You should probably put your code right at the end of the body tag.

Check out Steve Souder's High Performance Web Sites - Evolution of Script Loading

If you have multiple script includes and need to convince yourself that they will load in the correct order for you, check out WebSiteOptimization.com's Article on the Defer Attribute, where you can see the order your scripts execute.

http://www.dreamincode.net/forums/topic/109666-running-jquery-inside-%26lt%3Bbody%26gt%3B-tag/

It is because the link is after your Javascript. Move the link above it/javascript below the link and it should work fine. It's trying to select an element that doesn't yet exist.

EDIT: Aah you fixed it, spot on