title: how to disable DIV element and everything inside
body: <p>I need to disable a DIV and all it's content using Javascript.  I can swear that doing a simple </p>
  
  <pre><code>&lt;div disabled="true"&gt; 
  </code></pre>
  
  <p>was working for me before, but for some reason it no longer works.  I don't understand why.</p>
  
  <p>In IE10: the text "Click Me" is not greyed out and click handler still works.</p>
  
  <p>I actually need this working for IE10.  Below is my code.</p>
  
  <pre><code>&lt;html&gt;
      &lt;script&gt;
           function disableTest(){
  
              document.getElementById("test").disabled = true;
              var nodes = document.getElementById("test").getElementsByTagName('*');
              for(var i = 0; i &lt; nodes.length; i++){
                  nodes[i].disabled = true;
              }
  
           }
  
  
       &lt;/script&gt;
  
  &lt;body onload="disableTest();"&gt;
     &lt;div id="test"&gt;
         &lt;div onclick="alert('hello');"&gt;
             Click Me
         &lt;/div&gt;
     &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>