не работает обращение к блоку выведенному через append
 

Здравствуйте я вывожу html через append

$('.result_block').append('</div><br><br><div id="top30_btn"class="top">21-30</div><br><div class="competitors"><table align="center" cellpadding="7" cellspacing="0" id="result_'+n+'"></table></div>');

а потом пытаюсь обратится к элементу и не работает

$('#top30_btn').click(function(){
alert('top10')
})

Почему может не работать такое обращение и что делать?

Это наглая ложь! Тебе не удастся нас обмануть!!!

<div class="result_block"></div>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
var n = 0;
$('.result_block').append('</div><br><br><div id="top30_btn"class="top">21-30</div><br><div class="competitors"><table align="center" cellpadding="7" cellspacing="0" id="result_'+n+'"></table></div>');

$('#top30_btn').click(function(){
alert('top10')
})

</script>