Demo of change event of Slider using JQuery

HTML

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

JQuery

<script>
$(document).ready(function() {
//////////////////////////
$(function() {
    $( "#slider" ).slider({
change: function(event, ui) { $( "#d1" ).html( ui.value );} 
  });
  });
////////////////
})
</script>