event, when div is changed

Question

I have some DOM elements, like this

<div class='parent'>
  <div>1</div>
  <div>2</div>
</div>

How I can track event, when 'parent' div has changed? As example I'm add <div>3</div> programmatically, with append() , or i'm drag div3 to 'parent' div.

Answer 1

<div class='parent'>
    <div>1</div>
    <div>2</div>
</div>
<button id="add">Add to Div</button>
$(".parent").bind("DOMSubtreeModified", function() {
    alert("div added");
});
$("#add").click(function() {
    $(".parent").append("<div>3</div>");
});

Answer 2

try this:

$('.parent').on("DOMNodeInserted", function(){
  //your code
});