[jQuery] Why isn't this working as it does the other 1000 times...

I've been using this over and over on other sites, now this isn't working:

 

I've got this element:

 

<div class="windowOverlay"></div>

 

With this CSS:

 

.windowOverlay {  height:100%; position:fixed; overflow:auto; top:0; left:0;

                                      background-color:#000; width:100%;
z-index:20;

                                      opacity:0.5; filter:Alpha(Opacity=50);
}

 

And this jQuery to initially hide the overlay div:

 

<script type="text/javascript">

 

     $(document).ready(function() {

          $('.windowOverlay').hide();

     });

 

</script>

 

Yet, the overlay div isn't being hidden.why?

 

Thanks for any feedback!

 

Rick

 

 

----------------------------------------------------------------------------
---------------------------------------

"Those who hammer their guns into plows will plow for those who do not."  -
Thomas Jefferson