title: JQuery Date Picker with JSF
body: <p>I'm using JQuery Date Picker plugin for my JSF.</p>
  
  <p>It works fine for a page with only 1 date field but with more than 1 it cannot populate the date value to my input field.</p>
  
  <p>In my case, i would like to have start date and end date.</p>
  
  <p>Below is my code:</p>
  
  <p>JQUERY</p>
  
  <pre><code>$(document).ready(function(){
      $(".dateto").datepicker({ showOn: 'button', buttonImageOnly: true, buttonImage: '../resources/images/calendar.gif' });
      $(".datefrom").datepicker({ showOn: 'button', buttonImageOnly: true, buttonImage: '../resources/images/calendar.gif' });
  });
  </code></pre>
  
  <p>JSF</p>
  
  <pre><code>&lt;h:inputText id="from" value="#{UserManagerBean.startDate}" required="false" styleClass="datefrom" /&gt;
  &lt;h:inputText id="to" value="#{UserManagerBean.endDate}" required="false" styleClass="dateto" /&gt;
  </code></pre>
  
  <p>For your information, i tried with 2 html input fields and it works fine as well.
  Please help!!!
  Thank You</p>