title: jquery ui slider display values
body: <p>I have a slider with values 1 - 5. it updates a hidden input with the ID of 'days'.</p>
  
  <pre><code>$(function() {
      $("#slider").slider({
          value: 3,
          min: 1,
          max: 5,
          step: 1,
          slide: function(event, ui) {
              $("#days").val(ui.value);
          }
      });
      $("#days").val($("#slider").slider("value"));
  });​
  </code></pre>
  
  <p>I want to add labels to the slider</p>
  
  <p>so at position 1 it would say 1 hour, 2 would say 12 hours, 3 would say 1 day, 4 = 3 days and 5 = 1 week.</p>
  
  <p>but i want to keep the value of days as 1 -5</p>
  
  <p>how is this possible?</p>
  
  <p>EDIT</p>
  
  <p>Want to copy this
  <img src="https://i.stack.imgur.com/j2Lcm.png" alt="slider example"></p>