Код наведения карты изображения не работает

Question

У меня есть следующий код отображения изображения:

<div class="fce75" data-close-text="Κλείσιμο" style="position:relative">
    <img alt=""  src="img/imagemap_3.png" usemap="#map-16682" > <map id="#map-16682" name="map-16682">
        <area coords="492,758,38" href="/roiplon/endeixeis/#c16384" shape="circle">
        <area coords="550,626,38" href="/roiplon/endeixeis/#c16442" shape="circle">
        <area coords="649,1050,38" href="/roiplon/endeixeis/#c16387" shape="circle">
        <area coords="816,691,38" href="/roiplon/endeixeis/#c16444" shape="circle">
        <area coords="1071,1257,38" href="/roiplon/endeixeis/#c16441" shape="circle">
        <area coords="1080,889,38" href="/roiplon/endeixeis/#c16436" shape="circle">
        <area coords="1218,380,38" href="/roiplon/endeixeis/#c16423" shape="circle">
        <a class="imageMapHighlight" style="display: none; position:absolute; top:0; left:0;"></a>
    </map>
</div>

Я использую плагин rwdImageMaps и инициализирую его так:

$('.fce75 > img[usemap]').rwdImageMaps();

и тогда у меня есть следующий код наведения:

$('.fce75 area').hover(function(){

        var coords = $(this).attr("coords").split(',');
        var x = coords[0],
            y = coords[1],
            r = coords[2];

        $(this).closest('.fce75').find('.imageMapHighlight').css(
            {
                left: x - (r) + 'px',
                top: y - (r) + 'px',
                width: r*2 + 'px',
                height: r*2 + 'px',
                display: 'block',
            }
        ).attr('href', $(this).attr('href'));

    }, function(){

    })

Я импортировал jQuery, а также rwdImageMaps(); плагин, но как-то это все равно не будет работать.. Почему? ЗДЕСЬ - страница, в которую я пытался интегрировать код, но почему-то я не могу заставить работать код наведения.

Буду признателен за любую помощь.