jQuery Défilement Lisse

J'ai essayé de mettre en œuvre de défilement lisse en un indice de l'info. J'ai regardé ce jsFiddle http://jsfiddle.net/9SDLw/ et je ne peux pas le faire fonctionner. Importe-t-il lorsque le code est inséré dans le Document HTML ou quelque chose?

Voici mon code:

JS (en tête du document):

<script type="text/javascript">
$('a').click(function(){
    $('html, body').animate({
        scrollTop: $( $(this).attr('href') ).offset().top
    }, 500);
    return false;
});​
</script>

Balisage:

Lien

<a href = "#G" rel = "" id="G" class="anchorLink">G</a><br />

D'ancrage

<a name = "G" id="G"><span class = "letters">G</span></a><br />

Ce qui me manque ici?

Vous avez besoin de le mettre dans un document.prêt()

OriginalL'auteur Ben | 2012-05-11