Unable to permanently change selector with jquery due to page refresh
<p>I have a list of links to pages on my site. I want the links to change how they look (become bold) when the user clicks on them. I have set a default value for the "Home" link so when a user first goes to the website the "home" link is bold. The problem is, whenever another link is clicked I can see that it changes very briefly to bold, but then defaults back to the "Home" link being bold, since that is the default value that is hard-coded in to the website. How can I change this so that the link that is made bold is the link of the page the user is currently on (not always defaulting back to the "Home" link being bold)? Thanks so much for any assistance!</p>

<p>Here is the html:</p>

<pre><code>&lt;table class="sidebar_table"&gt;
    &lt;tr class="option"&gt;
        &lt;td class="select selected"&gt;image&lt;/td&gt;
        &lt;td&gt;&lt;a href="my_website_link"&gt;A Link&lt;/a&gt;&lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>Here is the jquery code I'm using:</p>

<pre><code>$('tr.option').click(function () {
$('tr.option td.select').removeClass('selected');
$(this).find('td.select').addClass('selected');
});
</code></pre>
