Make link active when page load
<p>Okey i got these links and its working fine whit the add and remove class.
But how do i make one of the links active when im loading the page so you can se whits page you'r on ?</p>

<p>HTML:</p>

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

    &lt;li class="red btn"&gt;&lt;a href="#tildig"&gt;link&lt;/a&gt;&lt;/li&gt;
    &lt;li class="blue btn"&gt;&lt;a href="#kontakt"&gt;link&lt;/a&gt;&lt;/li&gt;  

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

<p>CSS:</p>

<pre><code>.red.btn { float:left; margin: 0 0 0 5px ; width: 41%; height:30px; background-image:url(../image/rod_bnt.png);}

.red.btn.active { background-image:url(../image/rod_bnt_pil.png); height: 40px; }

.blue.btn {float:right; margin:0 5px 0 0; height:30px; width: 41%; background-image:url(../image/blaa_bnt.png); }
.blue.btn.active { background-image:url(../image/blaa_bnt_pil.png); height: 40px;}
</code></pre>

<p>Script:</p>

<pre><code>&lt;script type="application/x-javascript"&gt;
$(function() {
    $('li.btn').click(function(){
        // Add "active" to the clicked element and
        // get all siblings and remove "active" from them
        $(this).addClass('active').siblings().removeClass('active');
    });

});
</code></pre>

<p> </p>
