groupBy function in maphilight jquery plugin
<p>Does anyone know how to get the <code>groupBy</code> function to work in the maphighlight plugin? I want to be able to have a group of countries on a map all highlight no matter which country in the group you mouseover. I cannot get even one to work. The documentation that I have been able to find is pretty sparse. </p>

<p>I have added the following to each map area in the group of countries I want in the group:</p>

<pre><code>href="#" class="no-hand centralasia" alt="Russia" data-maphilight='{"groupBy":".centralasia"}' onmouseover="MM_showHideLayers('Russia','','show')" onmouseout="MM_showHideLayers('Russia','','hide')"&gt;
</code></pre>

<p>I am not sure about this bit:</p>

<pre><code>data-maphilight='{"groupBy":".centralasia"}'
</code></pre>

<p>I am only using the defaults in the head as I am not sure what I am supposed to add there, if anything. I have also loaded the metadata plugin as well.</p>

<pre><code>&lt;script&gt;$(function() {
    $('.map').maphilight({fade: false});
});

$.fn.maphilight.defaults = {
fill: true,
fillColor: '000000',
fillOpacity: 0.3,
stroke: false,
strokeColor: 'E77200',
strokeOpacity: 1,
strokeWidth: 1,
fade: true,
alwaysOn: false,
neverOn: false,
groupBy: ("philippines",true)
}

&lt;/script&gt;
</code></pre>

<p>All help is very much appreciated as I really need to get this working ASAP.</p>

<p>Cheers everyone.</p>

<p>Dave</p>
