Opening A Dialog Near Mouse Cursor

Opening A Dialog Near Mouse Cursor

I am trying to open a dialog near the mouse cursor when I click any where in a div with the ID of clickzone.

The problem is the dialog opens at the bottom of the div and not near to where I clicked. 

Please see my script and markup

When the page opens, please click any where in the gray area to test my script.