jQuery Within page causing page to lose responsiveness

[ragebflame]

Hi,

I am having some trouble getting jQuery to work as expected on my website. I am Running GetSimple CMS on an Nginx server on a Raspberry Pi.

The problem is that the rest of the website become unresponsive when I have some jQuery script in a Page.
Here is the homepage with the problem occuring:
http://ragebflame.ftp21.net:1080/

This is the code that is currently causing the problems. I have tried a number of different simple example scripts from the net and I get the same result.

Code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="test" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
<script>
$(function () {
    $('#test').highcharts({
        chart: {
            type: 'bar'
        },
        title: {
            text: 'Fruit Consumption'
        },
        xAxis: {
            categories: ['Apples', 'Bananas', 'Oranges']
        },
        yAxis: {
            title: {
                text: 'Fruit eaten'
            }
        },
        series: [{
            name: 'Jane',
            data: [1, 0, 4]
        }, {
            name: 'John',
            data: [5, 7, 3]
        }]
    });
});
</script>

The Highchart works fine, its the rest of the page that is the issue. Hyperlinks, menu items no longer work, etc.

Any help would be greatly appreciated.