title: Triggering click event with modifier keys on input element
body: <p>I'm writing a test for some functionality that involves user shift-clicking on a checkbox. I'm using <code>$('input').trigger($.Event('click', { shiftKey: true }));</code> to simulate that.</p>
  
  <p>But when the event listener gets called, <code>event.shiftKey</code> property always gets reported as <code>false</code> when originating from my synthetic events, while real clicks produce the desired effect. What's more confusing, triggering the same event on a non-<code>input</code> element seems to work just fine. See <a href="http://jsfiddle.net/huskssk1/" rel="nofollow">http://jsfiddle.net/huskssk1/</a> for example.</p>
  
  <p>I'm observing this behaviour both in my browser (Chrome 39, OS X) and test stack (Poltergeist 1.5.1 + PhantomJS 1.9.8).</p>
  
  <p>What's causing this? Is there any way around it? </p>
  
  <p>PS My full test stack is Ruby on Rails + RSpec + Capybara + Poltergeist + PhantomJS, if you know a better way to trigger shift-click, do let me know!</p>