Overlayed divs, z-index and JQuery's click
I have:
<div id="page">
<div>
<div id="workspace">
<div id="window">
Some random text.
</div>
</div>
<div id="map">
<svg><circle...</circle></svg>
</div>
</div>
</div>
the workspace and map divs are overlayed over each other; map's z-index is -20 and workspace's is -10.
I've registered Jquery click functions for the svg circle (works when the workspace and map divs are not overlayed) and the window div (again works).
The window div is about 100px by 100px. If I click on the web page outside of the window div I want the svg circle to receive the click, not the workspace or map divs.
Is this possible? Thanks