Why does my javascript function not work in Internet explorer

Question

This is my javascript function. Its nested in a document.ready fuction()

$(".bim").change(function() {
    var str = "";
    $("input:checked").each(function() {
    str += $(this).next().text() + "_";
        });
    str = str.substr(0, str.length - 1);
    alert(str);
});

It works fine in Firefox and Chrome.

It DOES NOT work with IE8 and IE6

I'm very new to javascript and help would be much appreciated

Answer 1

Use the jQuery 1.4.2 which fixed several issues with the .change() method for IE

See Related issue Also here on Stackoverflow

Answer 2

Internet Explorer does not support the :checked pseudo class (and neither does Sizzle IIRC).

Internet Explorer doesn't support :checked:, but as bobince pointed out, it will fall back to Sizzle, which does in fact support :checked.

What version of Internet Explorer are you using?