title: jQuery not working with my HTML at all?
body: <p>So, my jQuery doesn't do anything, neither if I do it with apache nor when I open it normally. (Chrome) </p>
  
  <p>I linked it in the HTML, which is connected to my CSS, but it just doesn't do anything. Not entirely sure if that is because I didn't link it correctly or something. Here's all my code: (Bonus question: Why isn't the list at Tournament Results Centered on the page?)</p>
  
  <p>Thanks a lot guys!</p>
  
  <p>Home.html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Niki Stoiber&lt;/title&gt;
          &lt;script type='text/javascript' src='http://localhost/Niki/script.js'&gt;&lt;/script&gt;
          &lt;link rel='stylesheet' type='text/css' href='stylesheet.css'/&gt;
      &lt;/head&gt;
      &lt;body&gt;
              &lt;div id="navbar"&gt;
                  &lt;ul&gt;
                      &lt;a href="Home.html"&gt;&lt;li class="pull-me"&gt;Home&lt;/li&gt;&lt;/a&gt;
                      &lt;a href="AboutMe.html"&gt;&lt;li class="pull-me"&gt;About Me&lt;/li&gt;&lt;/a&gt;
                      &lt;a href="Tournaments.html"&gt;&lt;li class="pull-me"&gt;Tournament Results&lt;/li&gt;&lt;/a&gt;
                      &lt;a href=""&gt;&lt;li class="pull-me"&gt;Social Networks&lt;/li&gt;&lt;/a&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
              &lt;br&gt;
              &lt;br&gt;
              &lt;div id="title"&gt;
                  &lt;h1 align="center"&gt;Niki Stoiber&lt;/h1&gt;
              &lt;/div&gt;
              &lt;p&gt;Hey there, my name is Niki Stoiber, and this is my Webpage!&lt;/p&gt;
              &lt;p&gt;I am a 9 year old boy from Austria and I want to be a professional tennisplayer someday.&lt;/p&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>AboutMe.html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Niki Stoiber&lt;/title&gt;
          &lt;script type='text/javascript' src='script.js'&gt;&lt;/script&gt;
          &lt;link rel='stylesheet' type='text/css' href='stylesheet.css'/&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="navbar"&gt;
              &lt;ul&gt;
                  &lt;a href="Home.html"&gt;&lt;li class="pull-me"&gt;Home&lt;/li&gt;&lt;/a&gt;
                  &lt;a href="AboutMe.html"&gt;&lt;li class="pull-me"&gt;About Me&lt;/li&gt;&lt;/a&gt;
                  &lt;a href="Tournaments.html"&gt;&lt;li class="pull-me"&gt;Tournament Results&lt;/li&gt;&lt;/a&gt;
                  &lt;a href=""&gt;&lt;li class="pull-me"&gt;Social Networks&lt;/li&gt;&lt;/a&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
          &lt;br&gt;
          &lt;br&gt;
          &lt;div id="title"&gt;
                  &lt;h1 align="center"&gt;About Me&lt;/h1&gt;
          &lt;/div&gt;
          &lt;div align="center"&gt;
              &lt;p&gt;
              Age: 9 &lt;br&gt;
              Birthday: 14.4.2003 &lt;br&gt;
              Tennis Club I play for: &lt;a href="http://better-tennis.at"&gt; Better Tennis &lt;br&gt;
              &lt;img src="http://bit.ly/WpoXB1"/&gt;&lt;/a&gt;
              &lt;/p&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Tournaments.html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Niki Stoiber&lt;/title&gt;
          &lt;script type='text/javascript' src='script.js'&gt;&lt;/script&gt;
          &lt;link rel='stylesheet' type='text/css' href='stylesheet.css'/&gt;
      &lt;/head&gt;
      &lt;body&gt;
              &lt;div id="navbar"&gt;
                  &lt;ul&gt;
                      &lt;a href="Home.html"&gt;&lt;li class="pull-me"&gt;Home&lt;/li&gt;&lt;/a&gt;
                      &lt;a href="AboutMe.html"&gt;&lt;li class="pull-me"&gt;About Me&lt;/li&gt;&lt;/a&gt;
                      &lt;a href="Tournaments.html"&gt;&lt;li class="pull-me"&gt;Tournament Results&lt;/li&gt;&lt;/a&gt;
                      &lt;a href=""&gt;&lt;li class="pull-me"&gt;Social Networks&lt;/li&gt;&lt;/a&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
              &lt;br&gt;
              &lt;br&gt;
              &lt;div id="title"&gt;
                  &lt;h1 align="center"&gt;Tournament Results&lt;/h1&gt;
              &lt;/div&gt;
              &lt;div id="navbar"&gt;
                  &lt;ul&gt;
                      &lt;li&gt;
                          Anif, Salzburg: 9. Platz
                      &lt;/li&gt;
                      &lt;li&gt;
                          Goetzis, Vorarlberg: 1. Platz
                      &lt;/li&gt;
                      &lt;li&gt;
                          Imst, Tirol: 2. Platz
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>stylesheet.css:</p>
  
  <pre><code>* {
      width:auto;
      height:auto;
      background-color:#D3D3D3;
      font-family:"Lintel", sans-serif;
  }
  @font-face {
      font-family: "Lintel";
      src: url("./Lintel.ttf") format("truetype");
  }
  #navbar {
      position:fixed;
      left:50%;
      margin-left:-254px;
  }
  ul {
      vertical-align:auto;
      list-style-type:none;
      position:fixed;
      margin:-5px;
      text-align:center;
  }
  .AboutMe {
      font-family:"Lintel", Sans-serif;
  }
  ul a li {
      background-color:#2F4F4F;
      color:#FFFFFF;
      border-radius:5px 5px;
      border:solid black;
      font-family:"Lintel", Sans-serif;
      display:inline;
      padding:5px;
      z-index:1;
      opacity: 0.5;
  }
  #title {
      z-index:2;
  }
  a:link {
      text-decoration:none;
      color:black;
  }
  a:visited {
      text-decoration:none; 
      color:black;
  }
  a:focus {
      text-decoration:none; 
      color:black;
  }
  a:hover {
      text-decoration:none; 
      color:black;
  }
  a:activ {
      text-decoration:none; 
      color:black;
  }
  h1 {
      text-align:center;
      position:relative;
  }
  p {
      text-align:center;
      position:relative;
  }
  </code></pre>
  
  <p>script.js:</p>
  
  <pre><code>$(document).ready(function() {
      $('a').mouseenter(function(){
          $(this).fadeTo('slow', 1);
      });
      $('a').mouseleave(function() {
          $(this).fadeTo('slow', 0.5)
      })
  });
  </code></pre>