bevölkern div von externen Datei div mit Javascript und jquery

Question

Sehr frustriert hier. Kann das nicht zur Arbeit bringen und weiß nicht warum. Ich versuche, mein Div mit einem Div aus einer anderen HTML-Datei zu füllen. Hier ist mein Code:

<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> 

Danke für jede Hilfe.

Adam

Edit: Hier ist ein link auf die eigentliche Datei an dem ich arbeite. Es kann auch etwas daran falsch sein.

Answer 1

Verwenden Sie diesen Code: $('#text').load(filename + " #source");.