выделение активного пункта
 

Простое горизонтальное меню

<div id="middle">
 <ul> 
  <li><a href="/О-себе">О СЕБЕ</a></li>
  <li><a href="/Новости">НОВОСТИ</a></li>
  ...

css
#middle a{text-decoration: none; vertical-align: middle; color: #ffffff; font-size: 13px;}
#middle a:hover{color: #a9c68f;}
#middle a.active{color: #a9c68f;}
непосредственно jquery

<script type="text/javascript">
$("#middle li a").click(function(){
    $.cookie("openItem", $(this).attr("href"));
  });
  $("#middle li a[href$=`" + $.cookie("openItem") +
  "`]").addClass("active");
</script>

и не работает. признаюсь что в jquery новичок...
firebug выдает только следующее:
Ожидались идентификатор или строка для значения атрибута селектора, но найдено «`».
Буду рад помощи

Кавычки одинарные те, что на букве Э, а не Ё.

$('#middle li a[href$="' + $.cookie("openItem") + '"]')

спасибо большое

столкнулся с небольшой проблемой
когда находишься на главной выделяется первый в списке пункт меню, что слегка не нужно. решил добавить простое условие

$("#middle li a").click(function(){
    if (location.pathname != "/") {
    $.cookie("openItem", $(this).attr("href"));
    $("#middle li a[href$=" + $.cookie("openItem") +
  "]").addClass("active");}
});

условие не работает. firebug выдает
Ожидались идентификатор или строка для значения атрибута селектора, но найдено «/».