이 스크립트 익스플로러에서 작동이 안되는데.

<code>

<script> 
var cate = [], cate1 = '<?php echo $ca_name ?>', cate2 = '<?php echo $wr_1 ?>'; 

cate['카테고리명'] = ['2차분류', '2차분류'];

$('#ca_name').after(' <span id="cate2"></span>'); 
getCate(cate1, cate2); 

// 2차 분류 
function getCate(cate1, cate2 = '') {
    if (!cate1) return; 
    var html = '<select name="wr_1" id="wr_1"><option value="">전체</option>'; 
    for (var j in cate[cate1])  { 
        var val = cate[cate1][j], selected = val == cate2 ? 'selected' : ''; 
        html += '<option value="' + val + '"' +selected + '>' + val + '</option>'; 
    } 
    $('#cate2').html(html + '</select>'); 
} 

$('#ca_name').on('change', function() { 
getCate(this.value); 
}); 
</script>

</code>

위 자바스크립트 코드가 크롬에서는 정상작동 하는데, 익스플로러에서는 작동을 하지 않습니다.

틀린 부분좀 알려주시면 감사하겠습니다.