jquery + maplightbox + iexplorer

[Legolas_Bilbao]

he conseguido que funcione el maplightbox con jquery y ajax en firefox pero en iexplorer no me funciona.

codigo jquery

Código Javascript:

$(function() {
        $('.map').maphilight({fade: false});
    });
    
$(function(){
  $('area[shape=poly]').click(function(event){
  event.preventDefault(); 
  var id = $(this).attr('id');
  var provincia = $(this).attr('title');
     alert(id);
  $('#cuadro2').load('datosCampos.php?id='+id);
      alert(id);
  $('#cuadro2').css({visibility:'visible'});
  });
});
</script>
 

Código HTML:

<div id="cuadro2" style="visibility:hidden">
</div>
 

Parte del mapa.

Código HTML:

<img src="./img/mapa/mapa.jpg" name="Image1" usemap="#mapaCampos" id="Image1" class="map">
        <map name="mapaCampos">
 
          <area shape="poly"  coords="22,31,27,29,46,27,47,20,54,16,58,20,56,28,51,37,51,42,41,43,32,45,28,46,24,42,20,36" title="A Coruña" id="18"></area>
          <area shape="poly"  coords="66,17,69,21,74,23,74,30,74,35,77,40,78,43,77,49,75,54,72,57,66,57,60,57,58,57,56,50,56,43,56,37,65,24"  title="Lugo" id="29"></area>
          <area shape="poly"  coords="45,47,48,52,43,54,40,58,42,66,36,68,30,72,32,64,32,59,34,52,40,49" title="Pontevedra" id="37" ></area>
          <area shape="poly"  coords="52,57,58,59,61,62,66,62,74,61,77,60,79,66,75,69,73,73,71,77,64,77,58,77,52,75,49,69,47,60" title="Ourense" id="34"></area>
          <area shape="poly"  coords="84,23,94,23,106,22,116,23,126,26,135,28,139,31,129,35,119,38,110,40,104,38,99,40,92,40,92,34,85,29" title="Asturias" id="6"></area>
          <area shape="poly"  coords="161,29,169,28,174,28,179,31,184,38,177,43,169,46,166,43,164,48,161,45,154,41,148,39,149,34" title="Cantabria" id="14"></area>
          <area shape="poly"  coords="93,47,99,45,109,45,115,45,123,44,131,41,134,48,131,58,129,67,122,72,113,72,105,70,97,70,93,68,91,62,87,59,90,51" title="León" id="27"></area>
          <area shape="poly"  coords="144,45,148,46,153,49,154,56,154,66,156,74,160,80,155,83,148,82,142,80,139,76,141,68,141,54" title="Palencia" id="35"></area>
          <area shape="poly"  coords="170,53,174,50,182,47,187,47,187,54,186,61,187,74,189,83,185,89,176,93,172,95,167,93,168,84,164,77,161,68,160,62,164,60" title="Burgos" id="11"></area>...
 

¿alguien puede mostrarme la luz del fucking iexplorer y su no funcionamiento?

Actualizo: no me hace ni la invocación a la función de jquery