//calculation $(function() { $( "#pakslider" ).slider({ range: "min", value:0, min: 0, max:10, step: 1, animate:7500, slide: function( event, ui ) { //calcuation logic  } } }); }); //getting value from db // some code // // assign value  $().ready( function(){ $("#pakslider").slider('value', <?php echo $pd->quantity;>); }); // Append slider $('.ui-slider-handle:eq(0)').append('<span class="price-range-min value" id="slider-value">$' + $('#pakslider').slider('values', 0 ) + '</span>'); </script>