Mover span dentro de elemento seleccionado

[jalex16]

Hola
Hoy he comenzado con jQuery y estoy haciendo un menú de nevegación con un efecto simple:

Código:

$(document).ready(function(){
    $("li.moveUp").hover(
        function(){
            $(this).animate({"bottom"    :    "5px"}, 100);
            $("li.moveUp span").animate({"bottom"    :    "-10px"}, 100);
        },
        function(){
            $(this).animate({"bottom"    :    "0"}, 300);
            $("li.moveUp span").animate({"bottom"    :    "0"}, 100);
        }
    );
});

Código HTML:

<ul>
    <li class="moveUp"><a href="#"><img src="images/menu_home.png" alt="Home" /><span>Home</span></a></li>
    <li class="moveUp"><a href="#"><img src="images/menu_new.png" alt="Nuevos" /><span>Nuevos</span></a></li>
</ul> 

Necesito que el span dentro de li.moveUp se mueva. Todo funciona bien, salvo la selección del span.