jQueryUI 1.8.14 Autocomplete

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.14/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.14/themes/black-tie/jquery-ui.css">
<div id="slider"></div>

CSS

#slider {
    width: 200px;
}
#sliderValue {
    position: absolute;
    left: 0;
    bottom: -30px;
    width: 40px;
}

JavaScript

$(document).ready(function () {

    $("#slider").slider({
        value: '',
        min: 0,
        max: 100,
        range: 'min',
        create: function (event, ui) {
            $('.ui-slider-handle').append('<input id="sliderValue" />');
        },
        slide: function (event, ui) {
            $("#sliderValue").val(ui.value);
        }
    });

});