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

[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>