Java scripts working locally but not on webserver. (Uncaught ReferenceError: jQuery is not defined) : I have a problem for which I have been searching the net for hours, but I can't find the solution.
I wrote a webpage with JQuery included. It runs file locally (as a file), but on the webserver, it keeps giving me an error: 'Uncaught ReferenceError: jQuery is not defined'. When I debug the html when loaded in chrome locally I can see the content of the referenced .js files. However when I debug the same files when the page runs on the webserver I can see the .js files in the debugger, but they appear all empty, ergo no content. The paths to the files is correct as the debugger gives no errors on the files not found. 

Please, help??? Here is my code:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <?xml version="1.0" encoding="UTF-8"?>
    <html><head>
    	<link rel="stylesheet" type="text/css" href="web.css"/>
    	<link rel="stylesheet" type="text/css" href="jquery/jquery.treetable.css"/>
    	<link rel="stylesheet" type="text/css" href="jquery/jquery.treetable.theme.default.css"/>
    	<link rel="stylesheet" type="text/css" href="jquery/jquery-ui.css"/>
    	</head>
    	<body>
    	<Template>HEADER</Template>
    	<table id="statustable"><tr><th><div><span>Type</span></div></th><th><div><span>Nummer</span></div></th><th><div><span>Beschrijving</span></div></th><th><div><span>Status</span></div></th><th><div><span>SubStatus</span></div></th><th><div><span>Prod. soort</span></div></th><th><div><span>Plaat Best.</span></div></th><th><div><span>Rail spuiter</span></div></th><th><div><span>Hout</span></div></th><th><div><span>Aluminium</span></div></th><th><div><span>Staal</span></div></th><th><div><span>Rubberen</span></div></th><th><div><span>Assemblage</span></div></th><th><div><span>Werknemer</span></div></th></tr><tr data-tt-id="1"><td style="background-color:lightblue;">Project</td><td>BV19073</td><td>Engel</td><td>Order</td><td>Gereed</td></tr><tr data-tt-id="1.1" data-tt-parent-id="1"><td style="background-color:lightblue;">Order</td><td>1900198</td><td>Engel</td><td>Order</td><td>Productie_gereed</td><td style="background-color:green;">PRODUCTIE</td><td style="background-color:green;">Gereed</td><td style="background-color:Red;">Geen</td></tr><tr data-tt-id="1.1.1" data-tt-parent-id="1.1"><td style="background-color:lightblue;">Samenstelling</td><td>01.</td><td>Wand A P90 46/47 dB</td><td>Gereed</td></tr><tr data-tt-id="1.1.1.1" data-tt-parent-id="1.1.1"><td style="background-color:lightblue;">Onderdeel</td><td>01.01.</td><td>Wall Stanchion Telescopic (WST)</td><td>Gereed</td></tr><tr data-tt-id="1.1.1.2" data-tt-parent-id="1.1.1"><td style="background-color:lightblue;">Onderdeel</td><td>01.02.</td><td>Wall Stanchion Standard (WSS)</td><td>Gereed</td></tr><tr data-tt-id="1.1.1.3" data-tt-parent-id="1.1.1"><td style="background-color:lightblue;">Onderdeel</td><td>01.03.</td><td>Standard Panel (SP)</td><td>Gereed</td></tr><tr data-tt-id="1.1.1.4" data-tt-parent-id="1.1.1"><td style="background-color:lightblue;">Onderdeel</td><td>01.04.</td><td>Telescopic Panel (TP)</td><td>Gereed</td></tr><tr data-tt-id="1.1.1.5" data-tt-parent-id="1.1.1"><td style="background-color:lightblue;">Onderdeel</td><td>01.05.</td><td>extra platen ivm min. best.</td><td>Gereed</td></tr><tr data-tt-id="1.1.1.6" data-tt-parent-id="1.1.1"><td style="background-color:lightblue;">Onderdeel</td><td>01.06.</td><td>Uren per wand.</td><td>Gereed</td></tr></table><table id="formtable"><tr><td><button type="button" onclick="window.location.href='##BASEURL##/list/orderpost'">Vernieuwen</button></td></tr></table><Template>FOOTER</Template>
    	<script src="jquery/external/jquery/jquery.js"></script>
    	<script src="jquery/jquery-ui.js"></script>
    	<script src="jquery/jquery.treetable.js"></script>
    	<script src="jquery/test.js"></script>
    	<script>(function($){$("#statustable").treetable({ expandable: true })})(jQuery);</script>
    	</body>
    	</html>

<!-- end snippet -->