Borrar un dato con Ajax y jquery

[Geze]

No me lo tomo a mal, gracias por la ayuda.
Bien, he seguido tus indicaciones, pero no consigo hacerlo, acá está todo el código...

index.php

Código:

<div class="dato_tabla">
 <?php echo $pag_dato; ?>
  <a href="javascript:void(0);" class="borrar_dato" id="<?php echo $id_dato; ?>">X</a>
  <input type="hidden" class="id_pagina" value="<?php echo $id_pag; ?>">
</div>

borrardato.js

Código:

$(function() 
{
  $(".borrar_dato").click(function()
  {
    var id_dato = element.attr("id");
    var id_pag = $(".id_pagina").val();
    var informacion = 'id_dato=' + id_dato + '&id_pag' + id_pag;
    if(confirm("Delete?"))
      {
        $.ajax({
        type: "POST",
        url: "borrardato.php",
        data: informacion,
        success: function(){}
        });
        $(this).parents(".dato_tabla").animate({ backgroundColor: "#fbc7c7" }, "fast")
        .animate({ opacity: "hide" }, "slow");
      }
     return false;
     });
});

borrardato.php

Código:

<?php
//config de la DataBase
  include("db.php");
  if($_POST)
  {
	$id_dato = $_POST['id_dato'];
	$id_pag = $_POST['id_pag'];
	mysql_query("delete from datos where   iden='$id_dato'",$db);
        mysql_query("update paginas set iden=iden+1 where iden_pag='$id_pag'",$db); 
    mysql_close($db);
  }
?>

Yo supongo que el problema está el intentar capturar el valor del input hidden en el javascript, pero si utilizo algo como:
<input type="hidden" id="id_pagina<?php echo $id_pag; ?>" value="<?php echo $id_pag; ?>">
Entonces en el Js, cómo sabré que cambia el valor final? Así
var id_pag = $("#id_pagina"+valor).val();


La cosa es que ni siquiera me da el alert de Js; espero me puedas ayudar y muchas gracias por tu atención. :)