Váriável não retorna os dados

Fala galera, então, meu js conta com uma variável que faz a busca no conteúdo, até ai tudo bem. só que quando tento fazer ela imprimir algo no html, não funciona.

$(document).ready(function(){

	var container = $("#container");
	var posts = container.find('#posts');
	var table_posts = posts.find('#table-posts');
	var edita_post = table_posts.find("#form-atualizar-post");
	var tbody = $("tbody");

	$.ajax({
 url : '/admin/painel/listar',
 datatype : 'json',
 success : function(data){
 var html = '';
 $.each(data, function(key, value){

 html+='<tr>';
 html+='<td>'+data[key].post_titulo+'</td>';
 html+='<td><a href="#" id="btn-editar" data-id="'+data[key].id+'">Editar</a></td>';
 html+='<td><a href="#" id="btn-deletar" data-id="'+data[key].id+'">Deletar</a></td>';
 html+='</tr>';

 });
 tbody.append(html);
 }
	})

	table_posts.on('click', '#btn-deletar', function(event){
 event.preventDefault();
 var id = $(this).attr('data-id');
 $.ajax({
 url : '/admin/post/deletar/'+id,
 type : 'DELETE',
 success: function(data){
 if(data === 'deletou'){
 alert('Post Deletado com Sucesso!');
 location.reload();
 }else{
 alert('Algum erro aconteceu. O post não foi Deletado :/')
 }
 }
 })
	})

	table_posts.on('click', '#btn-editar', function(event){
 event.preventDefault();
 var id = $(this).attr('data-id');
 $.ajax({
 url : '/admin/post/editar/'+id,
 type : 'GET',
 success: function(data){
 console.log(data);
 }
 })
	})
/*fim documento*/ });

quando tento executar o código a seguir, nada acontece:

[...]

	table_posts.on('click', '#btn-editar', function(event){
 event.preventDefault();
 var id = $(this).attr('data-id');
 $.ajax({
 url : '/admin/post/editar/'+id,
 type : 'GET',
 success: function(data){
 edita_post.html('teste');
 }
 })
	})
/*fim documento*/ });

Alguma solução?