Cambiar contenido div a través de jquery con el contenido de otro archivo html

Para comenzar, he pasado las últimas horas navegando por stackoverflow en temas relacionados. Muchos de ellos parecían muy similares al problema que estoy teniendo, incluso había una pareja que se parecía a la mía casi a la perfección. Sin embargo, las correcciones que funcionaron para ellos no parecen estar funcionando para mí. Creo que sería mejor para mí publicar mi código y que otros lo revisen; Trataré de ser lo más detallado posible.

Lo que estoy tratando de hacer: tengo una configuración de página con enlaces dentro de li’s, y cuando se hace clic, se supone que extrae contenido html de otra página que hice. Más específicamente, se supone que debe extraer el contenido html de una identificación div específica en esa página. Tengo problemas para sacar algo de él, y publicarlo en mis páginas principales div.

Mi parte HTML con el menú de navegación:

 

El div que se supone que cambia dinámicamente (al hacer clic) se etiqueta así:

 

El otro archivo .html del que extraigo datos tiene un div que se ve así:

 
blahbalhblahblahlbhalbhlah

La parte con la que estoy teniendo problemas es el código de JavaScript. He intentado usar load y get, y ninguno parece estar funcionando. Aquí está mi código de esqueleto:

 $(document).ready(function(){ $("#nav_main li").on("click", function() { // here was my first attempt: $("#main_content p").load("contentholder.html #one"); // my second attempt, using get(): $.get("contentholder.html", function(data) { $("#main_content p").html(data) }); }); 

Mi problema con esto es que el #main_content no parece estar cambiando. Creo que el problema es que los bashs de cargar e intentar no funcionan, no parecen sacar los datos como se supone que deben hacerlo.

Todos estos archivos están en mi unidad local. Cualquier ayuda sería muy apreciada

Además de los errores de syntax señalados por Brad M, tenga en cuenta que la mayoría de los navegadores previenen llamadas AJAX si no están hechas desde un servidor, por lo que si no está ejecutando un servidor local, lo más probable es que obtenga un control de acceso. – Error de origen al hacer la llamada AJAX.

Vea más información aquí: Obtenga el código HTML de un archivo HTML local en Javascript

 $(document).ready(function(){ // your code here }); 

Te estás perdiendo la function(){