显示/隐藏在IE8中不起作用-JQUERY

我曾尝试看过其他与我类似的问题，但没有一个对我有帮助。

当用户单击输入时，我需要逐个显示和隐藏多个div。我的代码在IE8以外的所有浏览器中均能正常工作，即IE不会显示任何内容，也就是说div不会显示。请有人可以帮助我解决这个问题吗？

这是我的HTML

<div id="tabbedBox">
                    <form action="" method="">
                        <div class="tabbed" id="selectMe">
                            <input type="radio" target="1" id="pvl" name="radios" value="a" checked>
                            <label class="pvl"  for="pvl">PVL</label>
                            <input type="radio" target="2" id="cvl" name="radios" value="b">
                            <label class="cvl" for="cvl">CVL</label>
                            <input type="radio" target="3" id="industrial" name="radios" value="c">
                            <label class="industrial" for="industrial">Industrial</label>
                            <input type="radio" target="4" id="distributor" name="radios" value="d">
                            <label class="distributor" for="distributor">Distributor</label>
                        </div>





                        <div class="pvlBox tabbedContent" id="div1">
                            <div class="select">
                                <input type="radio" id="installed" name="radios" value="" checked>
                                <label for="installed">Installed</label>
                            </div>
                            <span>Installed</span>
                            <div class="select">
                                <input type="radio" id="retail" name="radios" value="">
                                <label for="retail">Retail</label>
                            </div>
                            <span>Retail</span>
                            <div class="select">
                                <input type="radio" id="service" name="radios" value="">
                                <label for="service">Service Station</label>
                            </div>
                            <span>Service Station</span>
                        </div>

                            <div class="cvlBox tabbedContent" id="div2" style="display:none">
                                CVL CONTENT
                            <div class="select">
                                <input type="radio" id="installed" name="radios" value="" checked>
                                <label for="installed">Installed</label>
                            </div>
                            <span>Installed</span>
                            <div class="select">
                                <input type="radio" id="retail" name="radios" value="">
                                <label for="retail">Retail</label>
                            </div>
                            <span>Retail</span>
                            <div class="select">
                                <input type="radio" id="service" name="radios" value="">
                                <label for="service">Service Station</label>
                            </div>
                            <span>Service Station</span>
                        </div>
                            <div class="industrialBox tabbedContent" id="div3"  style="display:none">
                                INDUSTRIAL CONTENT
                            <div class="select">
                                <input type="radio" id="installed" name="radios" value="" checked>
                                <label for="installed">Installed</label>
                            </div>
                            <span>Installed</span>
                            <div class="select">
                                <input type="radio" id="retail" name="radios" value="">
                                <label for="retail">Retail</label>
                            </div>
                            <span>Retail</span>
                            <div class="select">
                                <input type="radio" id="service" name="radios" value="">
                                <label for="service">Service Station</label>
                            </div>
                            <span>Service Station</span>
                        </div>

                            <div class="distributorBox tabbedContent" id="div4"  style="display:none">
                                DISTRIBUTOR CONTENT
                            <div class="select">
                                <input type="radio" id="installed" name="radios" value="" checked>
                                <label for="installed">Installed</label>
                            </div>
                            <span>Installed</span>
                            <div class="select">
                                <input type="radio" id="retail" name="radios" value="">
                                <label for="retail">Retail</label>
                            </div>
                            <span>Retail</span>
                            <div class="select">
                                <input type="radio" id="service" name="radios" value="">
                                <label for="service">Service Station</label>
                            </div>
                            <span>Service Station</span>
                        </div>

                        <br/>


                    </form>
            </div><!--/end tabbedbox-->

这是jQuery代码：

$('#pvl').click(function() {
        $('div[id^=div]').hide();
        $('#div1').show();

    });
    $('#cvl').click(function() {
        $('div[id^=div]').hide();
        $('#div2').show();
    });

    $('#industrial').click(function() {
        $('div[id^=div]').hide();
        $('#div3').show();
    });

    $('#distributor').click(function() {
        $('div[id^=div]').hide();
        $('#div4').show();
    });

});