Scroll animate to click

<ul id="navigation">
    <li>
        <a href="#lien1">lien1</a>
    </li>
    <li>
        <a href="#lien2">lien2</a>
    </li>
    <li>
        <a href="#lien3">lien3</a>
    </li>
</ul>

$('#navigation a').bind('click', function (event) {
    var $anchor = $(this);
    $('html, body').stop().animate({
        scrollTop: ($($anchor.attr('href')).offset().top + 50)
    }, 1250);
    event.preventDefault();
});