مشکل با masterpage

[mamad_za]

سلام دوستان من یه منو دارم تو master page که با ul , li نوشتم ، وقتی که موس hover می شه روش رنگش آبی می شه ، حالا من می خوام کاری کنم وقتی روی هر کدوم از li هام کلیک شد اون li به رنگ آبی در بیاد ، با جاوا یه خورده تونستم حل کنم اما وقتی صفحه رفرش میشه دوباره به حالت اول بر می گرده کداش رو هم می زارم شما یه نگا کنید ( غلط املایی ها رو هم ببخشید :لبخند:)

<div class="menu">
<ul class="ulmenu">
<li class="liSelect" id="li1"><a href="Default.aspx">صفحه اصلی</a></li>
<li class="liSelect" id="li2"><a href="#">گالری</a></li>
<li class="liSelect" id="li3" ><a href="ProjectList.aspx">مقالات</a></li>
<li class="liSelect" id="li4"><a href="#" >درباره ما </a></li>
<li class="liSelect" id="li5"><a href="TellUs.aspx">تماس با ما</a></li>
</ul>
</div>
اینم جاواش بود که فک می کنم مشکل داره
$('.liSelect').click(function () {
var id = $(this).attr('id');
document.getElementById(id).id = 'select';
});