событие элементом которого является созданная кнопка

[imediasun1]

Я создаю кнопку методом jquery

$('#form').append('<input type="button" id="post_btn" value="Добавить Пост">');

а затем пытаюсь присвоить ей событие клика

$('#post_btn').click(function(){
alert(window.key)
})

и ничего, а если кнопка сразу записана в html коде событие исполняется

[BETEPAH]

Что-то неправильно делаете<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<div id="form"></div>
<script>
$('#form').append('<input type="button" id="post_btn" value="Добавить Пост">');
$('#post_btn').click(function(){
alert('есть!')
})
</script>

[imediasun1]

как вставить эту ссылочку просмотреть результат выполнения кода?

[imediasun1]

А так как быть?
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<select id="select1">
<option>1</option>
<option>2</option>
</select>
<div id="form"></div>
<script>
$('#select1').change(function(){
$('#form').append('<input type="button" id="post_btn" value="Добавить Пост">');
})
$('#post_btn').click(function(){
alert('есть!')
})
</script>

[BETEPAH]

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<select id="select1">
<option>1</option>
<option>2</option>
</select>
<div id="form"></div>
<script>
$('#select1').change(function(){
$('#form').append('<input type="button" id="post_btn" value="Добавить Пост">');
$('#post_btn').click(function(){
alert('есть!')
})
})
</script>

[Vlasenko Fedor]

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<select id="select1">
<option>1</option>
<option>2</option>
</select>
<div id="form"></div>
<script>
$(function () {
$('#select1').on("change", function () {
$('#form').append('<input type="button" class="post_btn" value="Добавить Пост">');
});
$('#form').on("click", "input.post_btn", function () {
alert('есть!')
});
});
</script>