title: ImageMapper Not working due to JQUERY or HTML
body: <p>I was following this jsfiddle: <a href="http://jsfiddle.net/nYkAG/396/" rel="nofollow">http://jsfiddle.net/nYkAG/396/</a> it works perfectly well.</p>
  
  <p>Code Below:</p>
  
  <pre><code>&lt;img id="beatles" src="http://www.outsharked.com/imagemapster/examples/images/beatles_basic.jpg" 
  style="width:400px;height:240px;" usemap="#beatles-map"&gt;
    &lt;map name="beatles-map"&gt;
      &lt;area shape="rect" data-name="paul,all" coords="36,46,121,131" href="#" /&gt;
      &lt;area shape="rect" data-name="ringo,all" coords="113,76,198,161" href="#" /&gt;
      &lt;area shape="rect" data-name="john,all" coords="192,50,277,135" href="#" /&gt;
      &lt;area shape="rect" data-name="george,all" coords="262,60,347,145" href="#" /&gt;
    &lt;/map&gt;
  
  &lt;div id="beatles-caption" style="clear:both;border: 1px solid black; width: 400px; padding: 6px; display:none;"&gt;
   &lt;div id="beatles-caption-header" style="font-style: italic; font-weight: bold; margin-bottom: 12px;"&gt;&lt;/div&gt;
   &lt;div id="beatles-caption-text"&gt;&lt;/div&gt;
  &lt;/div&gt;​
  </code></pre>
  
  <p>However, why is this not wokring for this index1.html (test)?</p>
  
  <p><a href="http://nina-naustdal.com/index1.html" rel="nofollow">http://nina-naustdal.com/index1.html</a></p>
  
  <p>Thanks for your assistance</p>