title: Dynamically Changing the CSS
body: <p>I have created a matrix of 5x5 boxes. I would like to click on a link and have that link dynamically change color after I have clicked it (a:visited) - one at a time. However, in my current code, it changes the color to all the links and not the specific one in which I have clicked.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;ul id="rowOne" class="center"&gt;
      &lt;li&gt;&lt;a href="#"&gt;$100&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;$100&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;$100&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;$100&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;$100&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Jquery:</p>
  
  <pre><code>$('a').click(function(){
  $.each('a').css({'color':'#002290'});
  });
  </code></pre>
  
  <p>Any suggestions?</p>