Изменение цвета ссылок из значения текстового поля, а затем сохранение с куки

Question

Я использую расширение Google Chrome, и мне нужно изменить цвет ссылок в текстовом поле и сохранить изменения в файле cookie, используя плагин jquery cookie.Вот что я пытаюсь сделать:

$(document).ready(function(){

$('.linkbox').append('-&nbsp;<a class="save" href="#">&nbsp-;save</a><input id="textbox" name="textbox" value="" />');

$('#textbox').keypress(function(event) {
     if (event.which == '13') {
     event.preventDefault();
     $(".linkstochange").filter('a[href$="'+$(this).val()+'"]').addClass("green");
     $.cookie("linkstosave", "green", {path: '/'});
   }
});

var rememberme = $.cookie("linkstosave");
    if (rememberme == "green") {
        $(".linkstochange").filter('a[href$="'+$(this).val()+'"]').addClass("green");
};
});

HTML

<div class = "linkstochange">
<a href = "u123">firstlink</a>, <a href ="u333">secondlink</a>, <a href="u656">thirdlink</a>, <a href="u656">thirdlink</a>...
</div>

Проблема в том, что если я нажму на ссылку "Сохранить", все ссылки изменят цвет (не только1) и затем, если я обновлю страницу, ничего не будет сохранено.Как я могу это сделать?

Answer 1

Я не знаю, что вы хотите сделать с файлами cookie (что вы хотите сохранить: ссылки или класс?), Но этот код может вам помочь:

http://jsbin.com/atisaf/31