Jquery event wont work on sources/links?

Jquery event wont work on sources/links?

Hi,
I want that when you hover over the part that is inside the iframe the animation will work. Currently nothing happens. I have made the width of the div on my website slightly wider so you can see what the mouse over event should do.


http://tragicclothing.co.uk/deleteeee.html 

<div id="box3" onmouseout="$('#box3').stop().animate({boxShadow:
'10px 10px 15px', top: 0}, 'fast')" onmousemove="$('#box3')
.stop().animate({boxShadow: '3px 3px 3px', top: 3}, 'fast')" 
style="top: 0px; width: 700px; box-shadow: 10px 10px 15px 0px 
rgb(102, 102, 102);"> <iframe width="700" height="525" id="SHADDOW" 
src="http://www.youtube.com/embed/LRo-L9zYf-M" frameborder="0" 
allowfullscreen="allowfullscreen"></iframe>