If I have a button that executes the code 

`$('#main').load('welcome.html');`

and in `welcome.html` I have a button that executes the code

`$('#main').load('otherpage.html');`

the Javascript isn't executed, regardless of whether that function is on the parent file's HTML code or the child's.

How can I get a Javascript function to work from externally loaded HTML files?

**EDIT**
Here's a bit more of a sample...

Homepage:

```
<body>
    <div id="main"></div>
</body>

<script>
    document.onLoad(){
        $('#main').load('welcome.html');
    }

    function show(file){
        $('#main').load(file+'.html');
    }
</script>

```

`welcome.html` page:

```
<a href="javascript:show(test)">Test</a>

```

...however when the Test button is clicked, `test.html` is not loaded into the Main div.

**EDIT 2**

Here is what the current state is and what the issue is - exactly.

[I've uploaded the bones of the code to PasteBin](http://pastebin.com/XAjbFFnk).

When the 'grid' button is clicked, the content changes and the footer changes.

However, the footer, which has URLs based on Javascript, comes up with the error:

`Uncaught SyntaxError: Unexpected token ILLEGAL`

...when trying to access the `1i.html` page.