title: Making onpropertychange and domattrmodified work to detect when elements are changed
body: <p>Something should trigger, no?
  I get not supported in IE8 and nothing happening in Fx 3.6.10 </p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script src="http://code.jquery.com/jquery-1.4.2.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  
  
  // modified from http://pragmatec.blogspot.com/2009/06/google-toolbar-style-and-tooltip.html
  jQuery(function($){
    $.fn.dommodhandler = function(options){
      function setListeners(){
        if (typeof (this.onpropertychange) == "object"){
          $('#innerDiv').bind('propertychange',function(e){
            $('#msgDiv').html(this.id+' changed&lt;/br/&gt;');
          });
        }
        else if ($.browser.mozilla){
        $('#msgDiv').html("bind");
          $('#innerDiv').bind('DOMAttrModified',function(e){
            $('#msgDiv').html(this.id+' changed&lt;/br/&gt;');
          });
        }
        else {
          $('#msgDiv').html('not supported in this browser');
          return false;
        }
      }
      return setListeners();
      }
    }
  );
  $(document).ready(function(){
    $.fn.dommodhandler ();
  });
  
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="wrapper"&gt;
  &lt;a href="#" onClick="document.getElementById('innerDiv').height='300px';document.getElementById('innerDiv').innerHTML=new Date(); return false"&gt;Click&lt;/a&gt;
    &lt;div id="outerDiv"&gt;
      &lt;div id="innerDiv"&gt;Hello&lt;/div&gt;
    &lt;/div&gt;
    &lt;div id="msgDiv"&gt;&lt;/div&gt;      
  &lt;/div&gt;  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <hr>
  
  <p>UPDATE: Still not happy... Anyone have any suggestions to detect when something (ajax) change the actual height of a div due to larger or smaller content</p>