[Jquery] Problema con función y document.ready

[cpuser]

Qué tal? No soy de postear mucho en este foro ya que recien ahora estoy empezando a interiorizarme un poco mas en Jquery, y estoy trabado con lo siguiente:

Tengo una funcion que se ejecuta cuando clickeo un link:

Código HTML:

<a class="borrarproducto" href="javascript: fn_eliminar(<?php echo $row['id']; ?>);" title="Borrar"> 

hasta ahi perfecto, lo que busco es eliminar registros de una tabla (Gestionada con el plugin dataTables para Jquery)

Luego viene la función fn_eliminar

Código Javascript:

function fn_eliminar(id){
                $.confirm("Realmente desea borrar el registro?",
                function(){
                        $.ajax({
                        url: 'proceso/borrarproductos.php',
                        data: 'id=' + id,
                        type: 'POST',
                      success: function() {
                      $.msg("Haz borrado correctamente");
                      recargartabla();
                      }
                     });
                },
                function(){
                    $.msg("No se realizó la operación");
                });
            }
 

El código funciona perfecto, me borra los productos, pero si notan en el success llamo a una funcion "recargartabla", que es la que haría toda la magia:

Código Javascript:

function recargartabla() {
                    oTable = $('#productos').dataTable();
                    oTable.fnReloadAjax(); 
                    oTable.fnReloadAjax( 'proceso/tablaproductos.php' ); 
                    };
 

Esta funcion solo me funciona cuando esta dentro de un document.ready, y el código anterior fuera de el, entonces cuando borro un producto nunca me recarga nuevamente la tabla.


Lo que necesitaría es que fn_eliminar pueda estar dentro de document.ready para que todo funcione en conjunto...

Como podría hacer? Alguien tiene alguna idea? muchas gracias :)