Here is what I have
$(function() { $( "#slider" ).slider({ value:1, min: 0, max: 1, step: 10, slide: function( event, ui ) { $( "#opacity" ).val( ui.value ); } }); $( "#opacity" ).val( $( "#slider" ).slider( "value" ) ); });
<p> <label for="amount">Opacity:</label> <input type="text" id="opacity" readonly style="border:0; color:#f6931f; font-weight:bold;"> </p>
<div id = "slider" ></div>