jQuery UI Slider с кнопками управления?

Я пытаюсь добавить кнопки управления в пользовательский интерфейс jQuery слайдер, но не могу заставить его работать.

Кто-нибудь может увидеть, что я здесь делаю не так:

$(function() {

    var gmin = 1;
    var gmax = 500;

    $( "#slider" ).slider({
        value:5,
        min: gmin,
        max: gmax,
        step: 1,
        slide: function( event, ui ) {
            $( "#donate_amount_label span" ).html( "£" + ui.value );
        }
    });

    $( "#donate_amount_label span" ).html( "£" + $( "#slider" ).slider( "value" ) );
    $( "#" ).val( $( "#slider" ).slider( "value" ) );

    $('#down').click(function() {

      var s = $("#slider");
      s.slider('value', s.slider('value') + s.slider( "step" ) );   

    });

});

Ползунок работает нормально, и значения обновляются, но когда вы нажимаете ссылку #down, с полосой прокрутки ничего не происходит. Я бы нравится, когда нажимается ссылка #down на один шаг вверх.

Спасибо Пит