заполнение div из внешнего файла div с javascript и jquery

Question

Очень расстраивается здесь. Не могу заставить это работать и не знаю почему. Я пытаюсь заполнить мой div div из другого html-файла. Вот мой код:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 

<div id="text"> 
content goes here 
</div> 

<script type="text/javascript"> 
    function whenButtonClicked() { 
     var book = document.getElementById("book").value; //this is working 
     var chapter = document.getElementById("chapter").value; //this is working 
     var filename = 'files/' + book + chapter + '.html'; //this is working 
     $('#text').load(filename #source); //this is NOT 
    } 

</script> 

Спасибо за любую помощь.

Адам

Edit: Вот link в реальный файл я работаю. Возможно, в этом что-то не так.

Answer 1

Используйте этот код: $('#text').load(filename + " #source");.