Cargar archivo externo con jQuery

Para cargar el contenido de un archivo externo con ajax (.html, .php, etc…) usando jQuery, utilizaremos el método load.
Con este método, es la forma más sencilla de obtener los datos desde el servidor. Es más o menos equivalente a $.get(url, data, success) , excepto que es un método en lugar de la función global y tiene una función de devolución de llamada implícita.

Ejemplo de uso:

<script type="text/javascript"> 
$(document).ready(function() {
    $('#contenido').load('texto.html', function() {
        alert('Archivo cargado correctamente');
    });
});
</script>

Y en el html creamos el div en el que carge el ajax:

<div id="contenido"></div>