No borra un comentario por jquery

[nemexis]

Necesita ayuda lo que sucede es que tengo un muro ya hecho con PHP Y JQUERY pero le quiero poner la opcion de eliminar cada comentario pero no c xq no funciona les dejo mis codigos:

Código:

$('.delete').click(function(){
        var del_id = element.attr("id");
        var info = 'm_perfil_id=' + del_id;
        $.ajax({
            type: "POST",
            url: "/inc/php/archivos/muro_p.php?eliminar=si",
            data: info,
            success: function() {    
			$('#box'+del_id).remove();
            }
        });  
		return false;
    });

Código PHP:

  if($_GET['eliminar'] == 'si'){
$borramos->borrar('DELETE FROM muro_perfil WHERE m_perfil_id="'.$_POST['id'].'"');
} 
   

Código PHP:

  <?php 
foreach($listado_muro as $p){
?>
<div class="box" id="box<?php echo $p['m_perfil_id'];?>"><div class="avatar"><img src="https://graph.facebook.com/<?php echo $p['m_perfil_autor'];?>/picture"></div><div class="text"><div class="flechax2"></div>
<?php
if(!empty($p['m_perfil_mensaje']) and empty($p['m_perfil_imagen'])){
echo '<div class="content">@<a href="/usuario/'.$p['m_perfil_usuario'].'">ekanime</a> compartio:<div style="margin-bottom:5px"></div><div class="texto">'.$p['m_perfil_mensaje'].'</div></div>';
}
if(empty($p['m_perfil_mensaje']) and !empty($p['m_perfil_imagen'])){
echo '<div class="content">@<a href="/usuario/'.$p['m_perfil_usuario'].'">ekanime</a> compartio:<div style="margin-bottom:5px"></div><div style="margin-bottom:8px"></div><div class="home img"><img src="'.$p['m_perfil_imagen'].'"/></div></div>';
}
if(!empty($p['m_perfil_mensaje']) and !empty($p['m_perfil_imagen'])){
echo '<div class="content">@<a href="/usuario/'.$p['m_perfil_usuario'].'">ekanime</a> compartio:<div style="margin-bottom:5px"></div><div class="home texto">'.$p['m_perfil_mensaje'].'</div><div style="margin-bottom:8px"></div><div class="home img"><img src="'.$p['m_perfil_imagen'].'"/></div></div>';
}
?>
<div class="eje"></div>
<div class="bottom">
<a id="<?php echo $p["m_perfil_id"]; ?>" class="delete">Borrar</a>
</div>

</div>
</div>
<?php
}
?>   

[Trublux]

No sé si será por esto, pero yo quitaría el comportamiento normal del enlace de borrado, y el elemento "element" debería ser "$(this)":

Código Javascript:

$('.delete').click(function(event){
    event.preventDefault();
    var del_id = $(this).attr("id");
    var info = 'm_perfil_id=' + del_id;
    $.ajax({
        type: "POST",
        url: "/inc/php/archivos/muro_p.php?eliminar=si",
        data: info,
        success: function() {    
            $('#box'+del_id).remove();
        }
    });
});
 

P.D.: La mayoría de navegadores incorporá una consola de JS donde puedes ver los errores, warnings, logs, etc. que lanzan los scripts