Jquery 'change' Event Not Firing On Image-click For Buttonset In Form

Here is an example : http://jsfiddle.net/c8uywnpa/21/ which works on other browsers but IE (10). The issue comes when a the buttonset is wrapped within a 'form' element. Please see

Solution 1:

I had the same problem. I'm not using jQuery. I had the image wrapped with the span, so I tried to add an :after pseudoelement to it. It covers the image, so when clicking, you click on the pseudoelement rather than on the image. And it helped for me. ie9-11

.image { position: relative; display: block;}
.image:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%;}


<label for="answ">
    <span class="image"><img src="image.jpg"></span>
</label>