$(document).ready(function() {

	$(".dropdown dt span").click(function() {
		$(".dropdown dd ul").toggle();
	});
				
	$(".dropdown dd ul li").click(function() {
		var text = $(this).html();
		$(".dropdown dt span").html(text);
		$(".dropdown dd ul").hide();
		$("#deger").attr('value',getSelectedValue("sample"));
		/*$("#result").html("Selected value is: " + getSelectedValue("sample"));*/
	});
				
	function getSelectedValue(id) {
		return $("#" + id).find("dt span.value").html();
	}

	$(document).bind('click', function(e) {
		var $clicked = $(e.target);
		if (! $clicked.parents().hasClass("dropdown"))
			$(".dropdown dd ul").hide();
	});
});