Co chcę zrobić? Slider z wyborem czasu trwania w zakresie 1:00 do 4:00 z krokiem co 30 minut. O ile sam slider działa chyba dobrze, o tyle w ogóle nie idzie mu komunikacja z selectem.. Rzuci ktoś okiem?

[HTML] pobierz, plaintext 
<script> 
	$(function() {
		var select = $( "#czastrwania" );
		var slider = $( "<div id='slider'></div>" ).insertAfter( select ).slider({
        min: 60,
        max: 240,
        step: 30,
		range: "min",
value: select[ 0 ].selectedIndex + 1,
			slide: function( e, ui ) {
			var hours = Math.floor(ui.value / 60);
            var minutes = ui.value - (hours * 60);
 
            if(minutes == 0) minutes = '00';
			select[ 0 ].value = hours+':'+minutes;
			}
		});
		$( "#czastrwania" ).change(function() {
			slider.slider( "value", 60 * select[ 0 ].value.replace(':','.') );
		});
	});
	</script>
<select id="czastrwania" name="czastrwania">
 <option value="1:00">1:00</option>
    <option value="1:30">1:30</option>
    <option value="2:00">2:00</option>
    <option value="2:30">2:30</option>
    <option value="3:00">3:00</option>
	<option value="3:30">3:30</option>
	<option value="4:00">4:00</option>  
	</select>
 
[HTML] pobierz, plaintext 

Poprawiłem skrypt. Teraz działa w połowie. Jak przesuwam sliderem - zmienia się select, ale na odwrót już nie działa.

Wszystko już działa. Da się samemu kliknąć 'Pomógł'?