Я пытаюсь отключить функцию при создании определенного div. Проще говоря, у меня есть что-то вроде этого:

<a href="" id="foo">Click me!</a>
<script>
$("#foo").live("click",function(e) {
    e.preventDefault();
    $(this).append($("<div />").html("new div").attr("id","bar"));
});
</script>

Раньше я слушал события мутации для создания div # bar - что-то вроде этого:

$("#bar").live("DOMNodeInserted", function(event) {
    console.log("a new div has been appended to the page");
});

Есть ли аналог, использующий Mutation Observers? Я пытался использовать attrchange.jsМожете ли вы иметь триггер javascript после изменения объекта стиля элемента DOM? но этот плагин обнаруживает только когда элемент был изменен, а не когда он создан.