JQuery load dilemma
<p>I'm using JQuery.load() to pull a file into a document that I want to appear in all of the html files in a website. </p>

<pre><code>$(function() {
$('#footer_include').load('../includes/footer.txt');
});
</code></pre>

<p>That works great for root documents, but as soon as I go into a new folder and deeper it needs a separate variation on the same to load. For example...</p>

<pre><code>$(function() {
$('#footer_include').load('../../includes/footer.txt');
});
</code></pre>

<p>Is there a better solution to this that would work for all files? I tried </p>

<pre><code>./includes/footer.txt
</code></pre>

<p>thinking it would go back to the root folder but that didn't work. I'm using php so maybe php include would be the way to go?</p>

<p>Any help is appreciated.</p>
