[kuzroman]

имеем

<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>

объясните пожалуйста почему скорость анимации в этом случае не меняется?