dare valore iniziale definito ad uno slider

[stardom]

io non so nulla di jquery, ma ho scoperto che questo slider è quello base, ed ho trovato anche l'esempio base per dare un valore minimo allo slider: https://jqueryui.com/slider/#rangemin.
L'unica differenza che vedo dal mio codice è un "$" + aggiunto prima di una parentesi, nient'altro. Allora perchè non mi funziona?

Codice Jquery:

$( "#slider-range-min" ).slider({
    range: "min",
    value: 37,      
    min: 1,      
    max: 700,      
    slide: function( event, ui ) {        
         $( "#amount" ).val( "$" + ui.value );      
         }    
         });    
    $( "#amount" ).val( "$" + $( "#slider-range-min" ).slider( "value" ) ); 

Codice mio (al quale poi aggiungo "$" + )

$( "#slider-range-min" ).slider({
    range: "min",
    value: 37,      
    min: 1,      
    max: 700,      
    slide: function( event, ui ) {        
         $( "#amount" ).val( "$" + ui.value );      
         }    
         });    
    $( "#amount" ).val( $( "#slider-range-min" ).slider( "value" ) + "km");

$( "#slider-range-search-day" ).slider({
    range: "min",
    value: 20,
    min: 1,
    max: 300,
    slide: function( event, ui ) {
      $( "#amount-search-day" ).val(  "<"  + ui.value );
    }
  });
  $( "#amount-search-day" ).val( "<" +  $( "#slider-range-search-day" ).slider( "value" ) ); 

Che cosa significano "km" e "<", Sono unità di misura o funzionano anche come variabili? Scusate, ma sono proprio ignorante in questo.