脚本在firefox和chrome中工作但在IE 9中不起作用

Question

我正在尝试在asp.net mvc 4中创建链接下拉列表，使用以下JQuery代码。

$(document).on('click', '.linked-dropdown', function () {
    $('#' + $('.linked-dropdown').attr('data-parent')).unbind('change.linked-dropdown');


    $('.linked-dropdown').each(function () {
        var $linked = $(this);

        $('#' + $linked.attr('data-parent')).bind('change.linked-dropdown', function () {
            var parentid = $(this).find('option:selected').val();

            $linked.find('option').hide();
            $linked.find('option[data-parentvalue=' + parentid + ']').show();
            $linked.find('option:visible:first').attr('selected', 'selected');
        });

        $('#' + $linked.attr('data-parent')).change();
    });
});

这可以通过过滤chrome和fire fox中的链接下拉菜单而不是IE9中的工作正常。

  

更新： jsfiddle：jsfiddle.net/jTDbx