Changing colors of siblings fail with jquery
<p>Hello I'm just starting with jquery and don't know why this is not working... 
I want to change the color of the link after it has been clicked. When other links are clicked links should turn to be white again, the current clicked item should be yellow...but all links keep being yellow...?!</p>

<p>Here comes the fiddle: <a href="http://jsfiddle.net/adkWe/" rel="nofollow">http://jsfiddle.net/adkWe/</a></p>

<pre><code>  &lt;script type="text/javascript"&gt;
            $(document).ready(function() {
                $('.main a').click(function(){
                $(this).css({"color":"#ffd601"});
                $(this).siblings('a').css({"color":"#fff"});
                });


            });


        &lt;/script&gt; 

&lt;div id ="navigation"&gt;
            &lt;ul class="main"&gt;
                &lt;li&gt;&lt;a href="#test1"&gt;Test1&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#test2"&gt;Test2&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#test3"&gt;Test3&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#test34"&gt;Test4&lt;/a&gt;&lt;/li&gt;

            &lt;/ul&gt; 
</code></pre>
