title: how to use jquery datepicker in jsf
body: <p>I want to use the jquery datepicker: <a href="http://jqueryui.com/datepicker/" rel="nofollow">http://jqueryui.com/datepicker/</a></p>
  
  <p>But I don't know what I need, and here is my code:</p>
  
  <pre><code>&lt;script src="css/jquery-1.9.1.js"&gt;&lt;/script&gt;
  &lt;script src="css/jquery.ui.core.js"&gt;&lt;/script&gt;
  &lt;script src="css/jquery.ui.widget.js"&gt;&lt;/script&gt;
  &lt;script src="css/jquery.ui.datepicker.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(".datepicker").datepicker({
      showOn: "button",
      buttonImage: "images/calendar.gif",
      buttonImageOnly: true
  });
  </code></pre>
  
  <p>The place I put my datepick is like:</p>
  
  <pre><code>&lt;h:inputText styleClass="datepicker"&gt;&lt;/h:inputText&gt;
  </code></pre>
  
  <p>But now, when I click on the inputText, the datepicker is not displayed.</p>