divをjavacriptとjqueryで外部ファイルdivから読み込み

Question

非常に不満です。これを動作させることはできませんし、理由も分かりません。 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> 

ありがとうございました。

アダム

編集：ここでは、私が働いている実際のファイルへのlinkです。それにも何か問題があるかもしれません。

Answer 1

このコードを使用してください：$('#text').load(filename + " #source");。