title: How to pass click events from one div to another?
body: <p>I need to find a way to pass click events from a div on top to the div below it (and ignore the clicks on the higher div).
  <strong>There is a known way of simulating the click event and passing it to the other div, but this is not a natural behavior and the least wanted option.</strong> </p>
  
  <p>It seems that event bubbling will not help here since the div on the top is not contained in the one below..</p>
  
  <p>Any idea?</p>
  
  <p>here is a jsfiddle example: </p>
  
  <p><a href="http://jsfiddle.net/QKjUx/" rel="noreferrer">http://jsfiddle.net/QKjUx/</a></p>
  
  <p>If you remove the "overlay" div, you can click on either of the elements. While it's there, you cannot. It is possible to pass the event to the div below, however, the position is important - there can be a link which I want the user to be able to click on. </p>