title: jQuery script file loading twice
body: <p>When I submit a form using Ajax I want to reload the section of the page that has changed, rather than the whole page, and for this I'm using:</p>
  
  <pre><code>$('#body_container').load(a_href);
  </code></pre>
  
  <p>where <code>a_href</code> is the location of the source file. After this command has run and <code>#body_container</code> is updated, the new content of the div doesn't seem to be able to access the script files included in the header of the original page, even though it is encompassed by this original page.  It only works if I put <code>&lt;script type="text/javascript" src="files.js"&gt;&lt;/script&gt;</code> at the start of the <code>a_href</code> file.</p>
  
  <p>However, I actually have little divs inside <code>#body_container</code> that I'm also changing, so doing it this way I have <code>files.js</code> being included lots of times at different levels.  It seems to be causing conflicts.</p>
  
  <p>Is there a way to include <code>files.js</code> once in the document header, then have all divs, regardless of when their content was created, always recognise that this file is there, waiting to be used?</p>