:checked with input which has {display: none;} doesnt work

[GoogleCodeExporter]

What steps will reproduce the problem?
1. I've used ie9.js for :checked functionality
2. I hide (display: none) default checkbox and replace it with pseudoelements
3. It didnt work on IE8

What is the expected output? What do you see instead?
If i set in html 'checked="checked"' it after load JS change to "check style". 
But after clicking on it, it doesnt response.
If i didnt set checked=checked, it doesnt response on clicking.

What version of the product are you using? On what operating system?
Tested on WinXP and Win7 via Virtualbox.

Please provide any additional information below.
I solved this problem by not hiding the input, but just fake hide (in my case 
opacity: 0, but it works also with visibility: hidden; and others).
http://jsfiddle.net/dannytce/c5WSQ/

Original issue reported on code.google.com by [email protected] on 25 Feb 2014 at 5:46