title: Using maphilight for total beginners?
body: <p>I'm trying to use a jquery plugin called maphilight.
  I'm totally new to using jquery plugins. I've a fair bit of experience with other web designing coding and even a little with javascript but actually trying to practically use it like this...its a first.</p>
  
  <p>I just can't get this plugin to work.
  On my map the different areas are correctly clickable and serve as links however they won't become hilighted. The best I can do is an inccorect highlight shows up in a differnt part of the page.</p>
  
  <p>I've looked at the maphighlight site and saw his examples but I cant see a solid how to use the code example.</p>
  
  <p>Near the top of my page I have:</p>
  
  <pre><code>&lt;script type="text/javascript" src="script/jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="script/maphilight.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(function () {
          $('.mapHiLight').maphilight({ stroke: false, fillColor: '009DDF', fillOpacity: 1 });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>then for the map</p>
  
  <pre><code>&lt;img src="image/japan.svg" width="570" height="750" usemap="#nihon"&gt;
      &lt;map name="nihon"&gt;
      &lt;area id="test3" href="http://www.tokyo.com" shape="poly" coords="407.963,498.081 403.323,498.08 407.963,498.081 400.819,498.908 387.434,499.66 388.25,496.5 
                  381.4,492.742 381.742,489.948 381.742,489.948 382.811,488.967 385.754,488.459 395.005,491.437 412.248,488.907 412.049,492.742" alt="tests" title="testerhi"&gt;
      &lt;/map&gt;
  </code></pre>
  
  <p>what could be going wrong here? What should I do?</p>
  
  <p>Sorry for being so clueless here. I hope I'm missing something simple.</p>