title: Responsive Image Map-Plugin does not work
body: <p>I have some problems to create responsive image maps with Matt Stows jQuery Plugin. I followed all the advices, but the image maps are still not responsive. I hope you can help. These are the instructions (Full page: <a href="https://github.com/stowball/jQuery-rwdImageMaps" rel="nofollow">https://github.com/stowball/jQuery-rwdImageMaps</a>): </p>
  
  <ol>
  <li>If possible, add correct, unitless width and height attributes to your image map images. You can override these in CSS to make them responsive.</li>
  <li>Add a link to jQuery in your page, preferably at the bottom just
  before the closing <code>&lt;/body&gt;</code></li>
  <li><p>After jQuery, either in a  block or a separate file, call:</p>
  
  <p><code>$('img[usemap]').rwdImageMaps();</code></p></li>
  </ol>
  
  <p>That's my code, I set a fixed width and height which is overwritten in CSS.</p>
  
  <pre><code>&lt;div class="banners"&gt;
      &lt;img src="wcf/images/blueTemptation/logo2.jpg" style="width: 980px; height: 80px; display:block;" alt="banner-x" usemap="#banner-y" /&gt;
      &lt;map name="banner-y"&gt;&lt;area shape="rect" coords="560,1,765,79" href="http://www.filmfutter.com/" alt="Kgergrfr" title="Filmfutter Startseite"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>at the bottom of my php I placed this:</p>
  
  <pre><code>&lt;script src="https://raw.github.com/stowball/jQuery-rwdImageMaps/master/jquery.rwdImageMaps.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      $(document).ready(function(e) {
          $('img[usemap]').rwdImageMaps();
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>In case you wonder, I changed the script source to a URL because I wasn't sure about the right path on my server, but that should not be the issue. </p>