Hier ist dein eigentliches Problem, warum du keine Templates laden kannst.

Du hast hierzu drei Möglichkeiten:

1. Du schiebst dein Projekt auf einen Webserver. 
Das Problem ist nämlich, dass du versuchst über das file Protokoll bestimmt Ajax-Requests zu machen. Die gehen nur über http. file ist zu primitiv und beschränkt dafür.

2. Du verwendest Html-Templates:
```
<script id="HeaderTemplate" type="text/html">
    <div class="header">....</div>
</script>

```
Die lassen sich dann mit $('#HeaderTemplate') "laden"

3. Du verwendest requirejs
RequireJs ist ein Modul-System für JavaScript. JavaScript kriegt dieses Jahr wahrscheinlich ein eigenes, bis dahin lohnt es sich mit RequireJs zu arbeiten. Mit RequiereJs kannst du alle Objekte in eine eigene Datei schreiben und diese werden dann automatisch für dich geladen.
Das ist die beste Lösung. Die andere beiden fallen einen später auf die Füße. Ich werde euch das übermorgen zeigen. Kannst dich auch schon alleine ranprobieren, allerdings wirst du dich da mehr ärgern als vorankommen.

Am Besten du benutzt die 2. Variante bis Donnerstag.