title: Add click event listener to a jQuery inline datepicker
body: <p>I was able to make an inline jQuery datepicker style calendar so that when there are events happening on a certain day, it will be highlighted.</p>
  
  <p>Now the problem is, I want to add a event listener to that specific highlighted dates, so that when user clicks on that date, the page will return all events happening on that day.</p>
  
  <p>Right now I am using the following method as a workaround </p>
  
  <pre><code>$j('#datePicker').click(function(){
    var selectedDate = $j('#datePicker').datepicker("getDate");
    //function to retrieve all events on selectedDate;        
  });
  </code></pre>
  
  <p>but it has drawbacks, </p>
  
  <ol>
  <li>When I click on any part of the calendar, the event is fired;</li>
  <li>It doesn't filter the un-highlighted dates;</li>
  </ol>
  
  <p>What is the proper way to add click event listener to a specific date? I know for some advanced jQuery coders it is pretty basic. Sorry if someone has already asked the question, I looked it up in the API but couldn't find anything.</p>
  
  <p><a href="http://jqueryui.com/datepicker/#inline" rel="nofollow">http://jqueryui.com/datepicker/#inline</a></p>