jQuery won't bind events to <object> elements

jQuery won't bind events to <object> elements

It looks like when I do $("object").bind("<mouse-event>") the event isn't actually being bound to the element in Chrome and Firefox (not sure about IE).  Using $("object").each(function() {this.addEventListener(...)}) works fine though.

I may have done something wrong (sorry if so).

Here's an example page (it won't let me upload a .html for some reason).  The commented out portion works, the uncommented part doesn't.

  2. <html>
  3.     <head>
  4.         <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
  5.         <script type="text/javascript">
  6.         $(function() {
  7. //             $("object").each(function(i, obj) {
  8. //                 $(this).addEventListener("mouseover", function() {
  9. //                     alert("")
  10. //                 })
  11. //             })
  12.         $("object").hover(
  13.             function() {
  14.                 alert("Object hovered")
  15.             })
  16.         })
  17.         </script>
  18.     </head>
  19.     <body>
  20.         <object data="http://www.google.com/images/logos/ps_logo2.png"></object>
  21.     </body>
  22. </html>