Как отследить изменение содержимого объекта подгружаемого с помощью ajax?

Question

[Slavk0_24]

Здравствуйте.
На странице имеется элемент, в который подгружаются данные из БД с некоторой периодичностью.

<div id="answers"></div>

$("#answers").everyTime(10000, function() {
     $.ajax({
          type: "POST", url: "update.php", data: "id="+zid+"",
          complete: function(data){
               $("#answers").html(data.responseText);
           }
});

Как можно отследить изменение содержимого элемента, находящегося внутри <div id="answers"></div>?
Например при изменении <div id="counter">8</div> на <div id="counter">9</div> вывести alert с неким текстом.

З.ы.: пробовал вот так:

$('#counter').on('DOMSubtreeModified', function(){
    console.log('Содержимое изменилось');
});

реагирует только когда сам меняю значение, при обновлении не работает.

Сейчас читаю про MutationObserver, но огорчает отсутствие поддержки в IE ниже 11.

Answer 1

[xmoonlight]

А что мешает триггер повесить в complete ?
или вызвать нужную функцию внутри секции complete?