jQuery attr doesn't actually work on images?

[Mudsaf]

so im wondering how i can make my script work on mouse enter function. ATM

<script>$(function() {$(".infoTD_image").mouseenter(function() {$(this).attr('src', 'MY_NEW_URL');console.log("ENTER: " + $(this).attr('src'));}).mouseleave(function() {$(this).attr('src', 'MY_OLD_URL');console.log("LEAVE: " + $(this).attr('src'));});});</script><img class='infoTD_image' src='MY_OLD_URL'>

So my script works and it displays the Src changes, but somehow the image wont really change.

Edited April 29, 2013 by Mudsaf

[dsonesuk]

Works for me, in main browsers, note: typo error missing single quote though

[Mudsaf]

Well as you see at table on index page the "lue lisää" images aint changing for me. http://poverihanke.mudsaf.info/ You can easily find starting line of modified code by "Source Code" & line

<!-- MODIFIED WP-DATA 25.04.2013 Mudsaf -->

Edited April 29, 2013 by Mudsaf

[jeffman]

You are adding/changing the src attribute of a <td> element. I can watch it happen using my Inspect Element tool. Change your selector.

[dsonesuk]

Yep! i was testing against an img tag as your example, src not recognised for td, but 'background' is, altough it is outdated. $(this).find('img').attr('src', 'MY_NEW_URL');

[Mudsaf]

Thanks, works like charm.