title: date picker issue
body: <p>i need to add a date picker to my site(live score site) i need to change the fixtures depending on the selected date.
  i have tried a lot of jquery datepickers but i always get the same problem which is :
  i cant change the fixtures when i select a new date i tried jquery events (select , change, live ,.....) nothing work also i can not get the date picked from the text box to get the related fixtures? 
  this is a sample code for what i am working on (i cant even alert on change):</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;link href="favicon.ico" rel="shortcut icon" type="image/x-icon" /&gt;
      &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="zebra_datepicker.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="zebra_datepicker.css" type="text/css"&gt;
      &lt;script&gt;
      $(document).ready(function() {
  
      // assuming the controls you want to attach the plugin to 
      // have the "datepicker" class set
      $('input.datepicker').Zebra_DatePicker();
  
   });
   $(".datepicker").change(function(){alert('basel')});
      &lt;/script&gt;
      &lt;/head&gt;
  &lt;body&gt;&lt;input type="text" name="your_input" class="datepicker"/&gt;&lt;/body&gt;
  &lt;footer&gt;&lt;/footer&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>i hope to get an answered soon thx</p>