Animação para de funcionar | jQuery I: A biblioteca campeã de JavaScript

Animação para de funcionar

Bom dia

Estou aprendendo Jquery: escrevi o código abaixo e a animação está funcionando normalmente.

<!doctype html>
<html lang="pt-BR">

    <head>

        <title></title>

        <meta charset="UTF-8">

        <link rel="stylesheet" href="css/normalize.css">

        <script src="js/jquery-1.11.2.min.js"></script>

    <style>
        ul{
            background: yellow;
            width: 600px;
            height: 80px;
        }

        li{
            background: gray;
            display: inline;
            float: left;
            width: 80px;
            height: 40px;
            margin-top: 10px;
            margin-left: 10px;
        }
    </style>

    </head>

    <body>

        <ul>
            <li>123</li>
            <li>456</li>
            <li>789</li>
        </ul>

        <script>
            $("li").mouseover(function(){
                $(this).animate({height:'70px'}, 600);
            });

            $("li").mouseout(function(){
                $(this).animate({height:'40px'}, 600);
            });
        </script>

    </body>
</html>

Mas quando modifico o código para utilizar o easeOutBounce a animação para de funcionar e por consequência não executa o easing.

$(this).animate({height:'70px'}, 600, 'easeOutBounce');

Alguém sabe dizer o motivo desta interrupção?

Obrigado.