Повторение скрипта без обновления страницы

[XamMax]

Добрый день! Я в JS новичок. Столкнулся, как мне кажется с элементарной задачей. Есть простой скрипт - при клике на один элемент, меняются стили другого элемента. Но он срабатывает один раз, чтобы еще раз он сработал, нужно обновить стр. Вопрос простой, как сделать так, чтобы я мог использовать этот скрипт без обновления стр?

$('.a_pinkt').click(function() {
		$('.cirlce_menu').css({
			'transform': 'rotate(45deg)'
		});
	});

[Nexus]

(function() {
    var deg = 0,//Сохраняю угол поворота
        $menu = $('.cirlce_menu');//Просто ссылка на меню, чтобы каждый раз не искать меню в DOM

    $('.a_pinkt').click(function(e) {
        e.preventDefault();//Отменяю поведение браузера по умолчанию

        deg = deg % 360 + 45;//Рассчитываю новый угол. Остаток от деления текущего угла на 360 + 45
        $menu.css({
            'transform': 'rotate(' + deg + 'deg)'//Изменяю css свойство transform меню
        });
    });
})();

[XamMax]

Спасибо огромное!!!! Все работает как надо!) Но можно просьбу огромную, можете пояснить код?

[Nexus]

XamMax, добавил комментарии.

[XamMax]

Спасибо еще раз!