jQuery ile div süzme

Merhabalar
Netvarium.com sitesinde ürünlere girdiğinde Cinsiyete fiyata ve ürün durumuna göre süzme yaptığında hemen süzüyor, incelediğimde bu süzmeyi divlere verdiği id numaralarından

<div style=' ' class="Urun" sira="35" fiyat="84.900" ffff="84.900" stok="Var" grup=",E," marka=",8208," beden="|L|M|XL|XXL|XXXL|" kat="5175"

gibi vermiş oradsan süzüyor.
Bunun örnek kodunu nasıl bulacağımı bilemediğimden çözemedim.
Bunun nasıl yapıldığını ve örnek kodu gönderibelecek arkadaş varmı.
Şimdiden Teşekkürler.

ufak bir örnek yazdım sanırım işini görür.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script>
	$(document).ready(function(){
		$("#form").submit(function(e){
			$("#sonuc").html('');
			var beden = $("#beden").val();
			$("div[beden="+beden+"]").each(function(){
				$("#sonuc").append("<li>Adi : "+$("span", this).text()+" | Fiyat : "+$(this).attr("fiyat")+"");
			});
		});
	});
</script>

<div id="urunler">
	<div class="urun" fiyat="15.90" beden="M"><span>a</span></div>
	<div class="urun" fiyat="22.00" beden="L"><span>b</span></div>
	<div class="urun" fiyat="35.00" beden="L"><span>c</span></div>
	<div class="urun" fiyat="7.00" beden="XL"><span>d</span></div>
</div>
<form action="javascript:" id="form">
Beden : <input type="text" id="beden">
<input type="submit">
</form>
<hr>
Sonuc :
<ul id="sonuc">

</ul>

merhabalar.
konu günceldir.
halen bulamadım kodu.
teşekkürler.