JQuery :: Fade Out When The Page Is Loaded?

i have this code in the head part of my html

<script>
$(document).ready(function () {
$("#NameTxt").animate({ opacity: "hide" });
$("#NameLbl").animate({ opacity: "hide" });
$("#PasswordTxt").animate({ opacity: "hide" });
$("#PasswordLbl").animate({ opacity: "hide" });
});
</script>

I want the items to be invisable when the page is loaded. This code makes them fade out wen the page is loaded. Does anyone know how to make the items invisable without the fade out.

Also is storing jquery in the html the only way or can ya use an external file.