Jquery Uncaught TypeError: Невозможно прочитать свойство '0' из неопределенного

Question

все, у меня есть jquery код, подобный этому

<script>
 $('document').ready(function() {
    var masterTahun = document.querySelectorAll("#masterTahunAjaran, #masterSemester")
        for (var x = 0; x < masterTahun.length; x++) {
                if ( localStorage['myKey'] == masterTahun.options[x].value) {
                     masterTahun.selectedIndex = x;
                           }
}
 });
$("#masterTahunAjaran, #masterSemester").on('change', function() {
      localStorage['myKey'] =  this.value;  // only strings
}); 


</script>

я получаю несколько идентификаторов (2 идентификатора элемента) с методом querySelectorAll,

, но когда я работаю в broswer, ошибкавот так

что не так в моем коде? как получить 2 идентификатора без ошибок? помогите пожалуйста спасибо