Mam problem z zapisaniem klasy stylu do cookie.

Chcialbym uzyskac efekt, ze po kliknieciu na button z klasa class="" zmieni sie styl wbranych elemntow na stronie i zostanie on zapisany do ciasteczka.
Niestety nie bardzo wiem, jak to zrobic.


HTML

[HTML] pobierz, plaintext 
<div id="slider-top" class="owl-carousel owl-theme">
    <div class="item">
        <a href="#">
            <img alt="nowoczesne" title="nowoczesne" src="../images/sliders/slider/nowoczesne.jpeg">
        </a>
    </div>
    <div class="owl-page">
       <span class="">Nowoczesne</span>
    </div>
</div>
[HTML] pobierz, plaintext 

JS

[HTML] pobierz, plaintext 
		$('#slider-top .item img').each(function() {
			$(this).click(function(){
				var clasa = $(this).attr("title").toLowerCase();
                                $('body').attr("class", clasa);
			});
		});
[HTML] pobierz, plaintext 

CSS

[HTML] pobierz, plaintext 
.nowoczesne #sidebar-menu  li > a {
    background-color: #1E94B2;
    border-radius: 0px;
	border-bottom: 1px solid #1A829D;
}
.nowoczesne #sidebar-menu  li > a:hover,
.nowoczesne #sidebar-menu  li > a:focus{
	background-color: #1A829D;
}
.nowoczesne .navbar-nav{
	background: #f5f5f5;
}
.nowoczesne .phone-info{background-color: #1E94B2;}
[HTML] pobierz, plaintext 

Probuje zapisac zmiany w stylach w ten sposob, ale nie dziala. Nie wiem w jaki sposb zapisac warunek if.

[HTML] pobierz, plaintext 
		$('#slider-top .item img').each(function() {
			$(this).click(function(){
                                // if ...
                                var clasa = $(this).attr("title").toLowerCase();
                                $('body').attr("class", clasa);
                                $.cookie('color-class', clasa);
			});
		});
[HTML] pobierz, plaintext 

Prosze o podpowiedz.