Question

I’ve created a simple quiz that i’m using in Plone (that’s why I use ‘jQuery’ instead of ‘$’) and for some reason my javascript code for calculating the score on the fly causes the radio buttons to appear incorrectly in IE 8. By appear incorrectly I mean that after clicking the button the value is calculated correctly, but the bullet doesn’t appear to show that the button has been clicked. I’m having a heck of a time trying to correct this. It works perfectly in all other browsers. This is a fiddle with my simple quiz code. In IE8 the radio buttons don’t work as expected when the jquery is loaded, but if you comment out all of the javascript the radio buttons work fine.

Any Help would be greatly appreciated.

Answer 1

jQuery('input').change(function() {
   // ... [snip] ...
   return false;
});

Why are you returning false? This usually tells the browser to “cancel” the default behaviour of the event. If anything, I’m surprised that Firefox doesn’t exhibit this behaviour.

Remove return false; unless I’m missing something, your application logic doesn’t need it at all.