как использовать jquery datepicker в jsf

Я хочу использовать jquery datepicker: http://jqueryui.com/datepicker/

Но я не знаю, что мне нужно, и вот мой код:

<script src="css/jquery-1.9.1.js"></script>
<script src="css/jquery.ui.core.js"></script>
<script src="css/jquery.ui.widget.js"></script>
<script src="css/jquery.ui.datepicker.js"></script>
<script type="text/javascript">
    $(".datepicker").datepicker({
    showOn: "button",
    buttonImage: "images/calendar.gif",
    buttonImageOnly: true
});

Место, куда я положил свой финик, выглядит примерно так:

<h:inputText styleClass="datepicker"></h:inputText>

Но теперь, когда я нажимаю на inputText, датапикер не отображается.