title: Detect change to selected date with bootstrap-datepicker
body: <p>I have an input element with an attached datepicker created using <a href="https://github.com/eternicode/bootstrap-datepicker" rel="noreferrer">bootstrap-datepicker</a>.</p>
  
  <pre><code>&lt;div class="well"&gt;
      &lt;div class="input-append date" id="dp3" data-date="2012-01-02" data-date-format="yyyy-mm-dd"&gt;
          &lt;input type="text" id="date-daily"&gt;
          &lt;span class="add-on"&gt;&lt;i class="icon-th"&gt;&lt;/i&gt;&lt;/span&gt;    
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script language="JavaScript" type="text/javascript"&gt;
      $(document).ready(function() {
          $('#dp3').datepicker();
          $('#date-daily').val('0000-00-00');
          $('#date-daily').change(function () {
              console.log($('#date-daily').val());
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>When the user changes the date by typing directly into the input element, I can get the value with the input element's onChange event, as shown above. But when the user changes the date from datepicker (i.e. by clicking a date on the calendar), the onChange handler is not called.</p>
  
  <p>How can I detect changes to the selected date that are made via the datepicker, rather than by typing into the input element?</p>