Porównanie wartości z elementu <span> Opcje

[Matol66]

Witam.

Otóż chciałbym uzykać taki efekt:

Mam diva #lista-1 i diva #lista-2, w każdym divie są po 4 elementy <span>(docelowo nie będzie to stała liczba), po najechaniu na element <span> w divie #lista-2, chciałbym porównać wszystkie wartości ze <span> z diva #lista-1 i te które są większe od wartości na której aktualnie znajduje się kursor myszy miałyby zmienić tło.

[HTML] pobierz, plaintext 
<div id="lista-1>
<span>0,39</span>
<span>0,55</span>
<span>0,78</span>
<span>0,28</span>
</div>
 
<div id="lista-2>
<span>0,58</span>
<span>0,11</span>
<span>0,64</span>
<span>1,32</span>
</div>
[HTML] pobierz, plaintext 

Proszę o porady jak to ugryźć

[hubson87]

[JAVASCRIPT] pobierz, plaintext 
 
 
  $(document).ready(function(){
  	 $("#lista-2 span").mouseenter(function(){
	 	var x = parseFloat($(this).text().replace(/,/g,'.'));
		$("#lista-1 span").each(function(){
			if (parseFloat($(this).text().replace(/,/g,'.')) > x)
				$(this).addClass("hovered");
		})
	}).mouseleave(function(){
		$(".hovered").each(function(){
			$(this).removeClass("hovered");
		})
	});
  })
[JAVASCRIPT] pobierz, plaintext 

i np.

[CSS] pobierz, plaintext 
.hovered{background:red;}
[CSS] pobierz, plaintext