I'm doing some simple tests and I can't get this to work on a wordpress site. Basically I'm trying to fadeOut a div with id of "box" when a link is clicked. I mentioned Wordpress because the head code is loaded dynamically into the page template, as well as the body content. I wasn't sure i this made a difference in diagnosing the problem. When I load the page, Firebug keeps giving an error...
$('a') is null Here is my stripped html code...Thanks for any help! <head> <script src="http://www.moxiedisplays.com/js/jquery-1.3.2.min.js" type="text/javascript"></script> <style type="text/css"> #box {background-color: red; width: 300px; height: 300px;} </style> <script type="text/javascript"> $(function() { $('a').click(function() { $('#box').fadeOut(); }); }); </script> </head> <body> <div id="box"> </div> <a href="#">Fade Out</a> </body>