Hiding a div on page load but it shows for a split second.

I have a div which will show when javascript is disabled, and I turn it off using:

$(document).ready(function(){
$("#noscript").hide()
});

However, it is appearing ont the page in Firefox for a split second when the page loads. Is there a way to stop this? The site is on localhost at the moment but I can easily upload it if need be.