title: Use slide and stop on JQueryUI slider
body: <p>I am using JQueryUI slider which works great.</p>
  
  <p>I use the slider to perform a function when the slider stops, BUT, I'd like the slider value to update a div as its sliding... so effectively I need to use <code>slider: function(event, ui) { update DIV }</code> and <code>.stop: function(event, ui) { Do Something }</code>. Is this possible? The slider still works but the number the slider is at does not show in the DIV as it should.</p>
  
  <p>Here's what I tried and what failed:</p>
  
  <pre><code>&lt;div id="sliderr" style="width:400px; margin-top:100px;"&gt;&lt;/div&gt;&lt;div id="amount"&gt;&lt;/div&gt;
  
  $("#sliderr").slider({                   
              value: 0,
              min: -20,
              max: 20,
              step: 0.1,
              slider: function(event, ui) {
                      var curVal = ui.value;
                      $('#amount').text(curVal); 
              },
              stop: function(event, ui) {
                      var curVal = ui.value;
                      this.doSomething(curVal);
  
              }
      });
  </code></pre>