title: MutationObserver observe jquery append?
body: <p>The following code works on page load but it is never fires when I insert an element (div) to the DOM with jquery.append()</p>
  
  <p>Is there any way to catch with MutationObserver when an element has been added?</p>
  
  <p>here is my code</p>
  
  <pre><code>MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
  var observer = new MutationObserver(function(mutations, observer){
       mutations.forEach(function(mutation) {
            if($(mutation.target).length &gt; 0){
                 if($(mutation.target).prop('tagName').toLowerCase() === 'img'){
                      console.log('IMG ADDED', $(mutation.target));   
                 }
             }   
       });        
  });
  observer.observe(document,{subtree:true, attributes:true, characterData:true});
  </code></pre>