title: Disable div click events
body: <p>I have <code>&lt;div&gt;</code> with width and height properties. I want to put <code>&lt;div&gt;</code> over it, so the click events of the first <code>&lt;div&gt;</code> will not be registered anymore.</p>
  
  <p>For example, I have div and when I click on it something is happening, but when I put second <code>&lt;div&gt;</code> over the first, clicking on the first <code>&lt;div&gt;</code> area will now fire that click events anymore.</p>
  
  <pre><code>&lt;div id="firstDiv" style="width:100px; height:100px"&gt;bla bla&lt;/div&gt;
  </code></pre>
  
  <p>How to put another <code>&lt;div&gt;</code> over "firstDiv" so I will not be able to change its elements? Is it possible?</p>