JQuery $(window).width() and $(window).height() return NULL only on parts of website
<p>I have integrated in jquery code to do a simply dim out popup window when a user clicks in a form field</p>

<p>this works fine on our front page but when on a forums page (phpbb2 derivative) i get an error in firebug console as follows:-</p>

<p>$("#fuzz") is null
[Break On This Error]   </p>

<p>$("#fuzz").css("height", $(document).height());</p>

<p>our code is below:-</p>

<pre><code>&lt;script type="text/javascript"&gt; 
jQuery(document).ready(function(){  

   //Adjust height of overlay to fill screen when page loads  

   $("#fuzz").css("height", $(document).height());  

   $('#clickme').focus( function() {
       $("#fuzz").fadeIn();  
      return false;         
  });      

   //When the link that triggers the message is clicked fade in overlay/msgbox  
   $(".alert").click(function(){  
      $("#fuzz").fadeIn();  
      return false;  
   });  

   //When the message box is closed, fade out  
   $(".close").click(function(){  
      $("#fuzz").fadeOut();  
      return false;  
   });  

});  

//Adjust height of overlay to fill screen when browser gets resized  
$(window).bind("resize", function(){  
   $("#fuzz").css("height", $(window).height());  
});
&lt;/script&gt; 
</code></pre>

<p>the website is <a href="http://www.motorhomefacts.com" rel="nofollow">http://www.motorhomefacts.com</a></p>

<p>unfortunately the search box is only displayed to members of the site, but the error is present in firebug regardless on any page within the forums i.e.</p>

<p><a href="http://www.motorhomefacts.com/forums.html" rel="nofollow">http://www.motorhomefacts.com/forums.html</a></p>

<p>We have a few other errors showing in Firebug but I am not a java coder (php ok) so any help with those would be much appreciated i.e.</p>

<p>Overlib error
missing ) after formal parameters
function escSglQuote(st
overlib.js (line 118, col 23)</p>
