Установка файла cookie с помощью jquery cookie.js с использованием toggleClass

У меня есть следующий html для группы миниатюр, и я использую значок (icon-heart), чтобы установить избранное для изображения, изменив цвет значка на красный и добавив class="Favorite":

 <div class="selectFav">
 <a href="slide.jpg" data-rel="prettyPhoto[Gallery]"  title="Slide"><img  src="slide.jpg" alt="Slide"  width="124" height="124"/></a>
 <ul class="icon">
 <li>   <div class="icon-heart"></div> </li>
 <li>   <div class="icon-camera"></div> </li>
 </ul>
</div>

CSS:

 .flag{
 color:red;
 }   

Я хочу установить файл cookie с помощью запроса cookie.js, когда отдельный палец установлен как избранный. Проблема в том, что когда я пытаюсь установить файл cookie, я устанавливаю все значки-сердечки, чтобы они отображались как избранные, а не только для этого конкретного selectFav.

$(".icon-heart").on('click', function() {
$(this).toggleClass('flag').closest('.selectFav').addClass('Favorite');
});

Любая помощь будет оценена по достоинству!