Introducir páginas basadas en JQuery en un metodo .load()

[danj]

Buenas!

Lo que pasa es que para hacer sitios web más dinámicos y más rápidos, estoy usando una página index y que en un <div> me cargue paginas mediante JQuery y el método .load(), .hide() y .show() para mostrarlas o hacer que desaparezcan. Bueno no es difícil de entender. El problema esta en el momento en el que he implementado en una de las páginas que cargo mediante el .load() una tabla de DataTables, no se si alguien ha trabajado con este framework que se basado en JQuery y es únicamente para crear tablas. En este caso yo la tengo conectada a una base de datos y me funciona perfectamente cuando la cargo desde el servidor por si sola, pero cuando la incluyo dentro del .load() para que la cargue en el div del index se daña por completo.

Si alguien sabe como funciona o como puedo hacer para que cargue todo el contenido del DataTables le agradecería su colaboración. De antemano gracias!

Les dejo pues el código JQuery para que vean como estoy llamando las páginas dentro del index, #contenido es el id del div adonde se cargan las páginas.

Código Javascript:

$("#loguin").hide();
        $("#cuerpoPagina").show();
 
        $("#inicio").on("click",function(){
            $("#contenido").show();
            $("#contenido").load("view/inicio.html");
        });
        $("#registro").on("click",function(){
            $("#contenido").show();
            $("#contenido").load("view/registro.html");
        });
        $("#consultar").on("click",function(){
            $("#contenido").show();
            $("#contenido").load("view/consultas.html");
        });