title: How to trigger an event when target element is under another div
body: <p>Here is my initial HTML Structure</p>
  
  <pre><code>&lt;div id="cover"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>At my div #cover apply a plugin for dragging it. I used this library : <a href="https://github.com/kentor/jquery-draggable-background" rel="nofollow">kentor/jquery-draggable-background</a> and worked fine !</p>
  
  <p>BUT When I would like add an overlay div like this :</p>
  
  <pre><code>&lt;div id="cover"&gt;
    &lt;div id="cover-overlay"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the desired behavior of my div #cover is no longer triggered (I guess it comes from because my div#cover is "under" the div#cover-overlay.</p>
  
  <p>Here my JSFiddle : <a href="https://jsfiddle.net/4byfurnq/" rel="nofollow">https://jsfiddle.net/4byfurnq/</a> : You can test the normal behavior by removing the div #cover-overlay and dragging the div (in Y axis) in the results.</p>
  
  <p><strong>My question</strong> : How to trigger the desired behavior of my div#cover in this case ?</p>
  
  <p>Thanks you for your help !</p>