Здравствуйте, у меня реализовано добавление и удаление сообщений через AJAX, после добавления сообщения идет ajax запрос на сервер и результат помещается в некий div, проблем с этим нет, проблема лишь в том что с этого div'а сообщения не удаляются хотя разница в разметке лишь в том что сообщения выводятся
<div class="message">
<a href="#" class="delete-post" data-id="{$post['id']}">
<span class="glyphicon glyphicon-remove action"></span>
</a>
<!-- разный html код -->
</div>
а новоприбывшее сообщение
<div id="new-message">
<div class="message">
<a href="#" class="delete-post" data-id="{$post['id']}">
<span class="glyphicon glyphicon-remove action"></span>
</a>
<!-- разный html код -->
</div>
</div>
А JS код для удаления вот
<script type="text/javascript">
$(document).ready(function(){
$('.delete-post').click(function(){
var id = $(this).attr('data-id');
$.post('/posts/' + id + '/delete', {}, function(data){
$('#notice').html(data);
});
return false;
});
</script>
На новом сообщении $('.delete-post').click(); не хочет вообще работать
