title: $[object Object]-$[object Object] Couldn't retrieve the value
body: <p>I have a problem where I couldn't retrieve the slider value when I load the page, it just shows me $[object Object]-$[object Object]. How do I fixed the code?</p>
  
  <pre><code>$( function(){
  $("#slider-range").slider({
     range:true,
     min:0.00,
     max:499.00,
     values:[0.00, 499.00],
     slide: function(event, ui){
         $("#amount").val("$" + ui.values[0] + "-$" + ui.values[1]);
     }
  });
  $("#amount").val("$" + $("slider-range").slider("values",0) + "-$" + $("slider-range").slider("values", 1));
  </code></pre>