title: Jquery capture when select list value changed without change event
body: <p>I have a form with some select lists that will show/hide more input fields when certain values are selected.</p>
  
  <p>The problem is that most of the users are data entry people so they heavily use the keyboard when entering data and a select list's <code>change</code> event only fires when focus has left the input if done via keyboard. I've tried adding the same functionality to <code>keypress</code> and <code>keydown</code> and those work great, but not in IE.</p>
  
  <p>Unfortunately my users are mostly state workers so they are forced to use IE, does anyone know a workaround?</p>
  
  <p>Here is my code:</p>
  
  <pre><code>$("div.error_editor select.refReason").live({
      'change': function() {
          var text = $(this).find(":selected").text();
          $(this).parent().siblings("span").toggle();
      },
      'keypress': function() {
          $(this).change();
      }
  });
  </code></pre>
  
  <p>EDIT: It appears this also doesn't work in Chrome, but works fine in Firefox</p>