Suwak JQueryUI - podpowiedź dla bieżącej pozycji

W tej chwili mam suwak i małe pole tekstowe, które aktualizuje się w zależności od tego, gdzie go przewijasz.

Oto javascript:

$("#slider").slider({
    value: 500,
    min: 0,
    max: 1000,
    step: 50,
    slide: function(event, ui) {
        $("#budget").val(ui.value);
    },
    change: function(event, ui) {}
});
$("#budget").val($("#slider").slider("value"));​

A oto html / css:

<input type="text" id="budget" style="width:50px;text-align:center"/>

<div id="slider"></div>​

Jednak wygląda to trochę dziwnie, gdy małe pole tekstowe z figurą znajduje się u góry suwaka, więc chciałbym, aby zaktualizował swoją pozycję poziomą, tak aby znajdowała się powyżej uchwytu suwaka (uchwyt -ui-suwak), jeśli możliwe - jak rodzaj podpowiedzi.

questionAnswers(1)

yourAnswerToTheQuestion