I read the documentation but was unable to find a fully functional example where the value of a slider was made used by javascript.   I'm sure I'm missing something really basic and probably totally obvious to everyone else.  It may be a javascript error not a jquery error.

Here's what I tried:

 <script>
         $( function() {
         $( "#slider" ).slider({
            min:0,
            max:100,
            step:5,
            orientation: "horizontal",
            value:30 ,
            change: function( event, ui ) {
               var devalue = $( ".selector" ).slider(  "value" );
               document.getElementById('shower').innerHTML = devalue.toString() ;
             }
         });
         });  
      </script>

The slider shows up and moves, and when it moves my field "shower" displays not "30" or "35" or a value like that which I expected to see,  but  "[object Object]".

What am I doing wrong?  Thank you!