Uso de mascaras em campos input

Front-end
#1

Senhores,
Realizando algumas pesquisas conseguir chegar a seguinte situação:
Pretendo definir mascaras em campos input via jQuery com a estrutura abaixo:

<script type="text/javascript" src="js/masked-input.js"></script>
<h:outputScript>
jQuery.noConflict();
(function($) {
$(function() {
$('.mask-data').mask('99/99/9999'); //data
$('.mask-cep').mask('99.999-999'); //cep
});
})(jQuery);
</h:outputScript>

//campo input dentro do form

<h:inputText id= "field" tabindex="1" styleClass="mask-data}"/>

Minha dúvida é: Por que esta máscara só é atribuida SÓ após eu dar um refresh na pagina ?

Obrigado.

#2

Vc tem que aplicar as máscaras no dentro do $(document).ready(), assim quando o site carregar ele já terá na memória a máscaras!

Eu fiz assim no meu scripts.js:

[code]$(document).ready(function() {

$("input[name=telefone]").mask("(99) 9999 - 9999?9",{placeholder:" "});
  // e todo resto dos meus scripts é claro!

});[/code]

#3