title: Jquery UI Multiple Datepicker selection
body: <p>Hi I have several date pickers all under the same class of <code>.datepicker</code> I have a function which executes <code>onSelect</code> of any of the date pickers. However I want to execute another function on selection of a specific date picker I've tried to do a separate date picker assignment to the specific one I want a separate function on but can't seem to get it to work</p>
  
  <p>Original Datepicker Class</p>
  
  <pre><code> $(".datepicker").datepicker({
  
              dateFormat: 'yy-mm-dd',
              showButtonPanel: true,
              onSelect: function (date_check) { }
  
  })
  </code></pre>
  
  <p>My specific targeted date picker which also holds class of datepicker.</p>
  
  <pre><code>$("#myDate").datepicker({
  
                  dateFormat: 'yy-mm-dd',
                  showButtonPanel: true,
                  onSelect: function (date_assign) { }
  
      })
  </code></pre>
  
  <p><strong>My question is:</strong> </p>
  
  <p>Is there a way I can target specific datepickers with the <code>.datepicker</code> class to perform a secondary onSelect function to that specific datepicker. Or is there a different way?</p>
  
  <p>*NB The datepicker has to be able to perform both the original function under the <code>.datepicker</code> class and the new function.</p>
  
  <p><strong>UPDATE</strong></p>
  
  <pre><code>&lt;input class="datepicker" id="a"&gt; &lt;/input&gt;
  &lt;input class="datepicker" id="b"&gt; &lt;/input&gt;
  &lt;input class="datepicker" id="myDate"&gt; &lt;/input&gt;
  </code></pre>
  
  <p>On selection of a or b or myDate run the the original <code>.datepicker</code> <code>onSelect</code> function</p>
  
  <p>On selection of specifically myDate run the original <code>.datepicker</code> <code>onSelect</code> and run a separate onSelect function.</p>