jQuery How can I add a Modal window pop up to a MapHilight hotspot?

[CodeSpaz]

Hello.

I am usually able to stitch together a website from various tutorials but this one has me stumped.
I want a hotspot l;ink to open a modal window on click. But I can't get the area tag 'href' to work. seems it needs to be an 'a href='.

The site can be found here:
http://www.kino.com/press/popup/

There are two hotspots. the one on the left is linked to the modal window (which doesn't work), the one on the right links to a website (as a test).
Beneath the image is a link with a functioning pop up modal window.

Can anyone tell me what I'm doing wrong?

[harbingerOTV]

change: $('a.poplight[href^=#]').click(function() {
to this: $('.poplight[href^=#]').click(function() {

your code is looking specifically for an 'a' that's why clicking and 'area' doesn't launch the pop up. By making the change above, the code will look for any element with the class of 'poplight' that has a '#' in the href.

[DanInMa]

edit:
Nice. I've never used a selector in that fashion.

he's absolutely right, I just tried it out witht he firebug console and it works that way.

also fyi Your loading Jquery twice for some reason, you only need it once.

[CodeSpaz]

Fantastic! Works perfectly and the change was so small I would have missed it if oyu didn't explain it.
Thank you!