Error when using event mousemove can't hidden value when mousemove on object swf?
<pre><code>&lt;script&gt;
oj = ["a","img","object"];
jQuery(document).bind('mousemove', function(e) {
    jQuery("#arrow").css({
        top : e.pageY - 10,
        left : e.pageX + 35
    })
    jQuery.each(oj, function(i, val) {
        jQuery(val).mouseover(function() {
            jQuery("div[id^=\'arrow\']").hide()
        });
        jQuery(val).mouseout(function() {
            jQuery("div[id^=\'arrow\']").show()
        })
    }) 
});
&lt;/script&gt;
</code></pre>

<p>And html (swf + a)</p>

<pre><code>&lt;object height="90" width="380"&gt;
    &lt;param name="movie" value="banner.swf"&gt;
    &lt;param vmode="transparent" value="opaque" name="wmode"&gt;
    &lt;embed height="90" width="380" vmode="transparent" wmode="opaque" src="banner.swf"&gt;
&lt;/object&gt;
&lt;a href="index.html"&gt;test&lt;/a&gt;
&lt;div id="arrow"&gt;arrow&lt;/div&gt;
</code></pre>

<p>When I mousemove on <code>a tag</code> is result hidden <code>&lt;div id="arrow"&gt;arrow&lt;/div&gt;</code>, But when mousemove on <code>object swf</code> is result not hidden value <code>&lt;div id="arrow"&gt;arrow&lt;/div&gt;</code>, How to fix it ? <a href="http://jsfiddle.net/trrc8/" rel="nofollow">demo mine here</a></p>
