title: Pass mouse event to elements below HTML
body: <p>Here is the <a href="http://jsfiddle.net/5v2xejsa/1/" rel="nofollow noreferrer">Jsfiddle code</a> demonstrating my problem</p>
  <p>Two div tags child1 and child2 are absolutely placed, so that child2 will be on top of child1 element. I need to capture <code>OnMouseOut</code> event on child1.</p>
  <p>I registered <code>OnMouseOut</code> event on child1, but when I hover over child2 <code>OnMouseOut</code> event is triggered even though I am still inside child1. If I put <code>pointer-events</code> as none on child2 , it works as expected. But I dont want to do this as I want to capture pointer events on child2 as well.</p>
  <p>How can I achieve this?</p>