title: Key events on radio and checkboxes in Chrome not working
body: <p>I have a page which contains input fields of type radio and checkbox. I want to be able to trigger an event when the user presses a key whilst one of these input fields are focused.</p>
  
  <p>My code is:</p>
  
  <pre><code>&lt;li class="duplicatable"&gt;
      &lt;input type="radio" name="a" value="v" /&gt;    
  &lt;/li&gt;
  </code></pre>
  
  <p>And in document load I apply the event handling:</p>
  
  <pre><code>$('.duplicatable').keypress(function(event) {
      console.log('pressed: ' + event);
  });
  </code></pre>
  
  <p>I have also tried:</p>
  
  <pre><code>$(document).on('keypress', '.duplicatable', function(event) {
      console.log('pressed: ' + event);
  });
  </code></pre>
  
  <p>I have also tried:</p>
  
  <pre><code>$('.duplicatable &gt; li') etc...
  </code></pre>
  
  <p>I have tested the click event which does work in Chrome and Firefox, but when this is a key event, Firework works, but Chrome does nothing.</p>
  
  <p>Is Chrome not handling key events at all on radio and check boxes (or, rather li elements)?</p>