event.stopPropagation
and return false;
aren't the same thing. Return false on the click handler and you're all set.
$('map[name=blueBall] area').on('click',function(e){
//... snip ...
e.stopPropagation();
return false;
});
Good stuff:
What's the difference between e.preventDefault(); and return false?
What's the difference between event.stopPropagation and event.preventDefault?