For循环在IE 8中很奇怪

Question

我正在使用nouislider（http://refreshless.com/nouislider/）和一些按钮来通过按钮控制滑块，并在按钮上为拾取的值设置活动状态。

在现代浏览器中，如firefox，safari，chrome和ie10，我认为脚本效果很好。但是在糟糕的情况下，即8这段代码的行为非常奇怪：错误的按钮被标记为活动状态，所有：“请将类添加到正确的按钮”不起作用。

这是活动状态的功能：

    function headClassToggle() {

        $('#calc-heads button').removeClass('calc-active');
        $('#calc-heads #calc-1').addClass('calc-active');

        var calcSliderValue = $('#calc-slider').val();
        var iEra = $('#calc-heads button');
        var thumbLi = $('#calc-heads button');

        for (iEra = 1; iEra < calcSliderValue; iEra++) {
            thumbLi.eq(iEra).addClass('calc-active');
        }
    }

在这里您可以找到一个有效的例子：

http://jsfiddle.net/KqLj7/

所以我的问题是，在Internet Explorer 8的for循环中可能出现什么问题？

谢谢！