DomNodeInserted

by adamh

HTML

<a href="#">Bind event and update p tag</a>

<p></p>
<ul></ul>

CSS

ul {
    background: #eee;
    margin: 10px 0;
}

JavaScript

$('p').bind('DOMNodeInserted', function(event) {
    $('ul').append('<li>node ' + event.relatedNode.nodeName + ' changed at ' + new Date() + '</li>');
});

$('a').click(function(ev) {
    ev.preventDefault();

    $('p').html('Content updated at ' + new Date());
});