Using jQuery Colorbox with Image Map area?

Looking to see if anyone can help me implement colorbox on an image map?

Here’s my relevant code. Colorbox not activiting on click at the moment.

<img src="..." width="1150" height="369" usemap="#team-map" border="0" />
<map name="team-map" id="team-map">
<area shape="poly" coords="..." href="#name" class="colorbox-link" alt="..." title="..." />
</map>

<div style="display: none;">
<div id="name">
...
</div>
</div>

http://wordpress.org/extend/plugins/jquery-colorbox/