js控制背景颜色的问题，谁告诉我一下
<script>
function navstytleid(obj)
{
alert(obj.id);
window.document.getElementById(obj.id).className="now";
}
</script>






<a id="nava1" onclick="navstytleid(this)" href="http://127.0.0.1/video/?a9da70f2634eac22c41.shtml">动作片</a>
<a id="nava2" onclick="navstytleid(this)" href="http://127.0.0.1/video/?a9da70f2634eac22c42.shtml">科幻片</a>
<a id="nava3" onclick="navstytleid(this)" href="http://127.0.0.1/video/?a9da70f2634eac22c43.shtml">战争片</a>
<a id="nava4" onclick="navstytleid(this)" href="http://127.0.0.1/video/?a9da70f2634eac22c44.shtml">爱情片</a>
<a id="nava5" onclick="navstytleid(this)" href="http://127.0.0.1/video/?a9da70f2634eac22c45.shtml">喜剧片</a>
<a id="nava6" onclick="navstytleid(this)" href="http://127.0.0.1/video/?a9da70f2634eac22c46.shtml">剧情片</a>
<a id="nava7" onclick="navstytleid(this)" href="http://127.0.0.1/video/?a9da70f2634eac22c412.shtml">综艺片</a>




CSS代码

 .mainnav .nav1 a:hover,.mainnav a.now {
background:red
}


获取当前点击标签的ID，设置其CLASS，从而改变其背景颜色

我点击A标签跳转后，背景颜色就丢失了，请问如何保持

------解决方案--------------------
用 $("#yourID").css("background-color","red");试试