Браузер не обрабатывает событие

Здравствуйте. Столкнулся со следующей проблемой. У меня есть код на JavaScript,

    var xhttp = new XMLHttpRequest();
        xhttp.open('GET', 'books.json', true);
        xhttp.send(null);
        if (xhttp.readyState == 4 && xhttp.status == 200) {
            var res = eval('(' + xhttp.responseText + ')');
            var r = function (index, tag) { return res.books[index][tag] }
            author.innerHTML += r(3, 'author');
        }

который должен выполяняться при нажатии кнопки на веб-странице. Однако, когда я нажимаю кнопку, ничего не выполняется. Тогда я лезу в отладчик и начинаю построчно прогонять этот код. И к концу прогона результат уже есть на экране. Какова причина того, что результат отладчика разнится с результатом? И как это исправить? Если что, данная проблема встречается на браузерах Mozila, Maxthon, IE.