Image Map focus-blur Firefox issue

by Eric

HTML

<div>Name: Image Map focus-blur Firefox issue</div>
<div>Comment out javascript to see differences. Use FireFox</div>

<img usemap="#imageMap" src="http://source.visualpulse.net/images/13_op0cy4w23tsjjsglyd3rmx9s4z3qu1zei7ssqdoq.png" alt="Image Map" />
<map name="imageMap">
    <area title="Shape #1" shape="poly" coords="0,0,200,0,200,100,0,100" href="#">
    <area title="Shape #2" shape="poly" coords="200,0,400,0,400,100,200,100" href="#">
    
    <area title="Shape #3" shape="poly" coords="0,100,200,100,200,200,0,200" href="#">
    <area title="Shape #4" shape="poly" coords="200,100,400,100,400,200,200,200" href="#">
</map>

JavaScript

// Prevent focus of areas.
$('img, area, map').focus(function() {
    $(this).blur();
});