проблема с событием click.
 

Мне нужно повесить онклик на span только после того как было нажато на div.

В этом коде, при первом нажатий на div, вешается онклик на span и при клике на span выводится алерт.Але когда нажать еще раз на div и снова на span выведется два раза Алерт.

Чего так? как это исправить?





<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>

$(function(){

$('div').click(function(){
$('span').click(function(){
alert(1)
})
})



})
</script>

<div>
10


</div>

<span>5</span>

Два варианта:

$('div').click(handler);
function handler() {
	$('span').click(function () {
		alert(1);
	});
	$(this).unbind('click');
}

$('div').click(function(){
	$('span').one('click', function(){
		alert(1)
	});
});