I can not get my jquery to operate in wordpress even if if it's on the normal .htm page it really works fine.

i am attempting to click something and fire of the alert

  $(document).ready(function() {
     $("#blue").click(function() {
       alert("Hello world!");
     });
   });

this normally works within an .htm file, however when i place it within the header file of my wordpress page, nothing occurs when i click the div.

<div id="blue" style="display:table-cell;width:50px;height:50px;background-color:blue;"></div>

Incidentally the div appears like this on my small wordpress page

<div id="menu" style="position:absolute;top:0px;height:50px;width:100%;background-color:black;text-align:center;">
<div id="menuTable" style="width:800px;margin-left:auto;margin-right:auto;display:block;">
<div id="a1" class="start" >Andie</div>
<div id="a2" class="start" >Work</div>
<div id="a3" class="start" >Play</div>
<div id="a4" class="start" >Dream</div>
</div> 
</div>

I do not begin to see the div with id=blue in your wordpress page.

I visit a div with id=menu that appears the same. Make certain your JavaScript references the brand new ID.

  $(document).ready(function() {
     $("#menu").click(function() {
       alert("Hello world!");
     });
   });

fixed.. i needed to add the jquery google file from google? y'know the one which helps make the jquery work.. i figured wordpress had an ........ ahhhh... inhouse one but it didn't work on all