Problema con data() -> devuelve undefined

[DmD]

Buenas gente!
Escribo porque estoy con un problema que no encuentro manera de solucionar. Estoy haciendo una aplicación y estoy usando localstorage, tomé la base de un tutorial pero cuando lo intento adaptar a mi código no me funciona..

Lo que tengo es:

Código:

$objCuerpoTablaContactos.append(
     $('<tr>').append(
     $('<td>',{
        text : clave,
        align : 'left'
     }),
     $('<td>',{
       text : valor,
       align : 'left'
     }),
     $('<td>',{
       align : 'center',
       width : 60
     }).append('<input type="button" onclick="eliminarRegistro()" value="Eliminame" class="'+clave+'" />').data('contactoparaeliminar',clave)
     )
);

Función eliminar registro:

Código:

function eliminarRegistro(){
     var strTelefonoAEliminar = $(this).data('contactoparaeliminar');
     alert(strTelefonoAEliminar); //return undefined
     if(confirm('¿Desea eliminar el contacto seleccionado?')){
     localStorage.removeItem(strTelefonoAEliminar);
     muestraTodo();
}
}

El problema específico es que estoy intentando eliminar un elemento de un listado, y con el .data le paso la clave y en la función intento recuperarla para saber que elemento eliminar pero me devuelve undefined el alert del var strTelefonoAEliminar = $(this).data('contactoparaeliminar');

Qué estoy haciendo mal? :S

Saludos,
Daniela.

[David]

El dato lo estás guardando en el td, podrías probar con $(this).parent().data(...)

[DmD]

Gracias por contestar David, acabo de probar y nada, sigue undefined.

Por las dudas, la función completa donde se crea el botón es:

Código:

function muestraTodo(){
        var area = document.getElementById('almacenamientoLocal');
        area.innerHTML = '';
       
        $objCuerpoTablaContactos = $('#tblTablaContactos').find('tbody');
        $objCuerpoTablaContactos.empty();
       
        for (var i=0; i<storage.length; i++) {
            var clave = storage.key(i);
            var valor = storage.getItem(clave);
           
            $objCuerpoTablaContactos.append(
                    $('<tr>').append(
                        $('<td>',{
                            text    : clave,
                            align    : 'left'
                        }),
                        $('<td>',{
                            text    : valor,
                            align    : 'left'
                        }),
                        $('<td>',{
                            align    : 'center',
                            width    : 60
                        }).append('<input type="button" onclick="eliminarRegistro()" value="Eliminame" class="'+clave+'" />').data('contactoparaeliminar',clave)
                    )
                );
           
        }
}

Alguna otra idea? x_X