имеем 
<style>
#test {
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #06b;
}
</style>
<div id="test"></div>
<input type="range" id="range" value="1000" step="100" min="100" max="5000" />
<button class="j_go">GO 1 Step</button>
<script>
        var speed = 100;
        $('#range').on('change', function () {
            speed = $(this).val();
        });
        $('.j_go').on('click', function () {
            console.log(speed);
            $('#test').css('left',0).animate({left: 500 }, speed);
        })
</script>
объясните пожалуйста почему скорость анимации в этом случае не меняется?