title: jQuery UI slider labels
body: <p>I have the following UI slider on my page.</p>
  
  <pre><code>jQuery( document ).ready(function( $ ) {
          $( "#slider-payback" ).slider({
              range: "min",
              value:100,
              min: 18,
              max: &lt;?php echo json_encode($max_payback); ?&gt;,
              step: 6,
  
              slide: function( event, ui ) {
                  $( "#payback-period" ).val( "" + ui.value )
                  totalPayableFunc();
                  monthlyPaymentsFunc();
              }
          });
          $( "#payback-period" ).val( "" + $( "#slider-payback" ).slider( "value" ) );
          totalPayableFunc();
          monthlyPaymentsFunc();
      });  
  </code></pre>
  
  <p>Is it possible to easily add a 'min' and 'max' label on the slider though? I'm yet to attempt this because I'm unsure of the best way to tackle it.</p>
  
  <p>Thanks</p>