title: Unsure why jQuery .prev() is not working
body: <p>What I am trying to do is, when I hover over a link, make its right border change colour as well as make the previous link's border change colour.</p>
  
  <pre><code>&lt;div id="navbar"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;News&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Gigs&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Gallery&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Social&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here's the JavaScript:</p>
  
  <pre><code>$("li a").hover(function() {
       $(this).animate({
           color: '#0099FF',
           borderRightColor: '#0099FF'
       }, 500);
  
       $(this).prev().animate({borerRightColor: '#0099FF'}, 500); 
  
  }, function() {
      $(this).animate({
          color: '#FFFFFF',
          borderRightColor: '#FFFFFF'
      }, 500);
  
      $(this).prev().animate({borerRightColor: '#FFFFFF'}, 500);      
  });
  </code></pre>
  
  <p>Any help or advice would be appreciated, thanks!</p>