title: Working with jQuery Slider - positions
body: <p>I have been working with the slider and am using the following code:</p>
  
  <pre><code>    $(function(){
          $('#slider').slider({
              animate: true,
              step: 1,
              min: 0,
              max: 10,
              orientation: 'vertical',
              start: function(event, ui){
                  $('#current_value').empty();
                  $('#current_value').fadeIn().append('Value is ' + ui.value);
              },
              change: function(event, ui){
                  alert();
                  //$('#current_value').empty();
              }
  
          });
      });
  </code></pre>
  
  <p>I am trying to get it for at the top it is a value of 10 and the bottom is a value of 1 and step 1. Does that look correct?</p>
  
  <p>The other problem I am having is when you move from one position to another, I want it to show the position it stopped on (the current). </p>
  
  <p>So if it is at 4 and you click 7, when you stop append to the DIV I tried changed and stop, but it isnt behaving that way. It is taking the wrong position value.</p>
  
  <p><strong>Link</strong>: <a href="http://www.ryancoughlin.com/demos/interactive-slider/index.html" rel="nofollow noreferrer">http://www.ryancoughlin.com/demos/interactive-slider/index.html</a>
  if you use the keyboard and go to the bottom my goal is to have it step from 1 to 10 in 1 increments </p>
  
  <p>Any thoughts?</p>