Hi I have this piece of html...

```
<a href="alcohol_calculator.php" class="swfselector">
&raquo; Alcohol unit calculator prototype 
 <img class="tab" src="/images/1.png" width="30" height="28" alt="1" />
 <img class="tab" src="/images/2.png" width="30" height="28" alt="2" />
 <img class="tab" src="/images/3.png" width="30" height="28" alt="3" /> 
 <img class="tab" src="/images/5.png" width="30" height="28" alt="5" />
</a>

<a href="bouncing_ball.php" class="swfselector">
&raquo; Bouncing ball animation 
 <img class="tab" src="/images/3.png" width="30" height="28" alt="3" />
</a>

```

using Jquery I want it so that when someone hovers over an "swfselector" class that all the child images with the class tab have an 'o' added to their src... e.g (/images/2o.png or /images/3.png/).

I have this so far but it does nothing and would add the "o" past the ".png" anyway.

```
$('.swfselector').each.hover(function(){
  $(this).find('.tab').attr('src'+'o'); 
});

```

Help appreciated.