title: jQuery change event not firing from keyboard?
body: <p>I have this <code>dropdown</code>, I want to alert/log something when the value in it is changed. What happens is when I click the <code>dropdown</code> with mouse, and selected any other value, the change event is fired. But when the focus is in the <code>dropdown</code>, and I press <code>up</code> and <code>down</code> arrow, it changes the value in dropdown, but the event is not fired, and the alert is now showing up.
  Here's the code </p>
  
  <pre><code>&lt;select id="drpDay" name="drpDay" style="background-color: white;"&gt;
          &lt;option value="1"&gt;1&lt;/option&gt;
          &lt;option value="2"&gt;2&lt;/option&gt;
          &lt;option value="3"&gt;3&lt;/option&gt;
          &lt;option value="4"&gt;4&lt;/option&gt;
          &lt;option value="5"&gt;5&lt;/option&gt;
          &lt;option value="6"&gt;6&lt;/option&gt;
          &lt;option value="7" selected="selected"&gt;7&lt;/option&gt;    
      &lt;/select&gt;
  &lt;/br&gt;
  &lt;select id="drpMonth" name="drpMonth" style="background-color: white;"&gt;
          &lt;option value="Jan"&gt;Jan&lt;/option&gt;
          &lt;option value="Feb"&gt;Feb&lt;/option&gt;
          &lt;option value="Mar"&gt;Mar&lt;/option&gt;
          &lt;option value="Apr"&gt;Apr&lt;/option&gt;
          &lt;option value="May"&gt;May&lt;/option&gt;
          &lt;option value="Jun"&gt;Jun&lt;/option&gt;
          &lt;option value="Jul"&gt;Jul&lt;/option&gt;
          &lt;option value="Aug"&gt;Aug&lt;/option&gt;
          &lt;option value="Sep"&gt;Sep&lt;/option&gt;
          &lt;option value="Oct"&gt;Oct&lt;/option&gt;
          &lt;option value="Nov" selected="selected"&gt;Nov&lt;/option&gt;
          &lt;option value="Dec"&gt;Dec&lt;/option&gt;    
      &lt;/select&gt;
  &lt;/br&gt;
  &lt;label id="lbl" text="" width="auto"&gt;adsf&lt;/label&gt;
  </code></pre>
  
  <p>The js is </p>
  
  <pre><code>$('#drpDay, #drpMonth').change(function(event) {
      alert(event.which);
      $('#lbl').text('change ' + event.which + ' and ' + $(event.target).attr('id'));
  });
  </code></pre>
  
  <p>Here's the fiddle <a href="http://jsfiddle.net/2NBPx/4/" rel="noreferrer">http://jsfiddle.net/2NBPx/4/</a></p>
  
  <p>What I want is when the value in select box changes, event by pressing <code>up</code> and/or <code>down</code> arrow, I want that event to be fired. Why is not firing, and how do I make it fire on change from keyboard?</p>