title: how do i get map hilight to work
body: <p>I can't figure out how to get the jQuery plugin 'maphilight' to work. Remember that I don't know much about web design in general so it may be some stupid problem that I can't find because of my inexperience.</p>
  
  <p>My jQuery reference is fine and I referenced maphilight like this:</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://davidlynch.org/js/maphilight/jquery.maphilight.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>My img does have a usemap reference to the map and it works fine so that's not it. This is a shortened version of how my map tag looks like:</p>
  
  <pre><code>&lt;map name="downmap" class="floorMap"&gt;
      &lt;area title="title" onclick="loadRoom('room name');" coords="98,425,98,446,146,446,146,540,216,540,216,425" /&gt;
  &lt;/map&gt;
  </code></pre>
  
  <p>And in my javascript file, I have this:</p>
  
  <pre><code>$(function () {
      $('.floorMap').maphilight({ stroke: false, fillColor: '009DDF', fillOpacity: 1 });
  });
  </code></pre>
  
  <p>Based on everything I researched, I thought this would work, but it doesn't. Does anyone have any idea what could be wrong?</p>