我的脚本无法在IE 10和chrome中工作

我有下面的脚本，它在IE10兼容模式及以下版本中工作，但在IE 10中失败，在Chrome中也不工作。

有人能看看它，让我知道我应该改变什么才能让它工作吗？

我有一组下拉列表，它从一个源获取其值，最后我有2个带有选择选项的下拉列表。。当使用下面的选项将这两个选项都选中时，我会创建另一个表行和下拉框，并将select作为默认选择值。。现在的情况是，它选择了下拉列表中的第一个选项并将其选中。

$(document).ready(function () {
    var i = 0;
    var hiddenCounterID = $('input[id$="HiddenCounter"]').attr('id');
    var hiddenIDUse = '#' + hiddenCounterID;
    $('.MainTable1').on('change', 'tr:last select', function () {
        var $tr = $(this).parent().parent();
        if ($tr.find('select :first').val() !== 'Select' && $tr.find('select :last').val() !== 'Select')
        $tr.clone(true).find('select').each(function () {
            $(this).val('').attr('name', function (_, name) {
                return 'ddlListItemVal_' + i;
            });
        }).end().insertAfter($tr);
        i++;
        $('#' + hiddenCounterID).val(i);
    });
});