Javascript Ocultar mensagem ao iniciar a página jQuery

[CaioNeves]

Tenho uma mensagem de validação e quero que ao carregar a página ela seja ocultada, porém quando tem somente isso na função do jQuery, ela funciona normalmente, porém quando crio outra função ela para de funcionar.

<script>

                //Ao carregar o documento html, carrega as funções, laços, variáveis etc.
                $(document).ready(function(){

                    $("h1").css({
                        "visibility": "hidden"
                    });

                    $("button").click(function{

                        var nome = $("#nome").val();
                        var email = $("#email").val();
                        var nome = $("#profissao:selected").text();
                        var nome = $("#mensagem").val();

                        if(nome == )
                        
                    });
                });

Se eu tirar essa função de click funciona normalmente, alguém sabe o porque?

[DiF]

@CaioNeves Experimentou retirar o trecho:

 

$("h1").css({
   "visibility": "hidden"
});

 

E adicionar diretamente no CSS?

 

E então acionar ela no jQuery assim:

 

if(nome == ""){
     $("h1").css({
        "visibility": "visible";        
     });                 
};

 

[CaioNeves]

@DiFBoa ideia mano, muito obrigado, vou testar!