Meerdere jQuery range slider geeft undefined

Goedenavond,

Ik ben bezig met 2 jQuery range slider in mijn zoekfunctie aan het zetten.
Nummer 1 ging vrij makkelijk. maar bij nummer twee vult hij de variabele met undefined.

Hier de slider:

<script type="text/javascript">
	$(function(){
		$( "#slider" ).slider({
			range: true,
			min: 0,
			max: 40000,
			step: 100,
			values: [ <?=$_SESSION["sliderMin"]?>, <?=$_SESSION["sliderMax"]?> ],
			slide: function( event, ui ) {
				$( "#amount" ).val(ui.values[ 0 ] + " - " + ui.values[ 1 ]);
			},
			stop: function( event, ui ) {
				$( "#min_opp" ).val($( "#slider" ).slider( "values", 0 ));
				$( "#max_opp" ).val($( "#slider" ).slider( "values", 1 ));
				$( "#groter_opp" ).attr('checked', false);
				lookupUitgebreid();
			}
		});
		$( "#amount" ).val($( "#slider" ).slider( "values", 0 ) + " - " + $( "#slider" ).slider( "values", 1 ));
		$( "#min_opp" ).val($( "#slider" ).slider( "values", 0 ));
		$( "#max_opp" ).val($( "#slider" ).slider( "values", 1 ));
	
		$( "#sliderJaar" ).slider({
			range: true,
			min: 0,
			max: 40000,
			step: 1000,
			values: [ 0, 15000 ],
			slide: function( event, ui ) {
				$( "#amountJaar" ).val(ui.values[ 0 ] + " - " + ui.values[ 1 ]);
			},
			stop: function( event, ui ) {
				$( "#min_oppJaar" ).val($( "#sliderJaar" ).slider( "values", 0 ));
				$( "#max_oppJaar" ).val($( "#sliderJaar" ).slider( "values", 1 ));
				lookupUitgebreid();
			}
		});
		$( "#amountJaar" ).val($( "#sliderJaar" ).slider( "values", 0 ) + " - " + $( "#sliderJaar" ).slider( "values", 1 ));
		$( "#min_oppJaar" ).val($( "#sliderJaar" ).slider( "values", 0 ));
		$( "#max_oppJaar" ).val($( "#sliderJaar" ).slider( "values", 1 ));	
	
	
	});
</script>

Hier de divjes

<div id="slider"></div>
<div id="sliderJaar"></div>

ik kom er maar niet uit waarom hij niet werkt.

De #slider werkt perfect, maar de #sliderJaar totaal niet.