Мне нужен новый способ определить, были ли изменения в элементах HTML

Сейчас я пытаюсь найти способ определить, когда элемент HTML изменился.

Сейчас я пытаюсь:

var a, b;
setInterval(function() {
    a = $('#chat').text();
}, 150);
setInterval(function() {
    b = $('#chat').text();
    if (a !== b) {
        alert("There has been a new message.");
    }
}, 200);​

Я проверяю каждые 150 миллисекунд для HTML #chat, а затем каждые 200 секунд я снова проверяю HTML, а затем проверяю, не равна ли переменная aпеременной bих в будущем, так что что-нибудь с этим но пока я просто предупреждаю кое-что

Вы можете увидеть это вживую здесь: http://jsfiddle.net/MT47W/

Очевидно, что этот способ не работает и вообще не очень точен. Есть ли лучший/другой способ сделать/достичь этого?

Спасибо за любую помощь, я пытался понять, как это сделать лучше, уже около недели, но я просто не могу найти решение этой проблемы, и я надеюсь, что разместил эту проблему справа. место и в нужное время.