Image map inserted with JS doesn't work in safari mobile
===

Yesterday I came across a problem in mobile safari, I can't make image maps dynamic inserted with JavaScript work, here's the  [link](http://jsfiddle.net/AnXEn/6/) with an example of what I'm going through.

I'm using this approach because I'm creating hotspots on images to show others or to play a video, and I receive this information about where's the clickable spots dynamically to create images with interactivity (videos, hotspots, etc), sometimes the area don't get even clickable and sometimes the preventDefault() doesn't work like de example. And this only happens in MOBILE SAFARI, I've tried on firefox and opera mobile and everything works fine, even on android native browser works.


I am looking for a solution since yesterday and have not had any success, if someone could help me I would appreciate it.


  [1]: http://jsfiddle.net/AnXEn/6/