Manipulação de classes com JQuery após inicialização da página

Fala, pessoal, bom dia!

Estou criando um script, que é na verdade bastante simples, e envolve dois botões:

*/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/eSoUzmL.png&key=b48d7ec6e3e6bc9574b217187420a8737d448535d069bf42ea8d7f151a35bdb1" alt="eSoUzmL.png" />

<div class="buttons">
 <div class="clickable button inactive active">
 <span class="btn-label">Botão 1</span>
 </div>
 <div class="clickable button inactive">
 <span class="btn-label">Botão 2</span>
 </div>
</div>

Todos os botões tem as classes .button, .clickable, .inactive.

O verde possui a classe .active, que define ele como ativo (duh!)

Através do Jquery, estou tentando fazer com que o usuário possa clicar em um botão inativo, e consequentemente alterar o status do botão para ativo, desativando o primeiro.

/ Função de hover para o botão inativo /

$('.button').not('.active').hover(function(){
 $(this).addClass('hover');
}, function(){
 $(this).removeClass('hover');
});

/ Função de click para o botão inativo /

$('.button').not('.active').click(function(event) {
 var atual = $(event.currentTarget);
 $('.button').removeClass('active');
 atual.addClass('active');
});

O problema é: quando clico no botão inativo, e ele se torna ativo mas não herda as funções do seletor .not('.active').*

Da mesma forma, o primeiro botão também não perdeu as funções do .not('.active'), e embora a classe mude, ele não pode ser clicado, e não recebe o hover.

É como se o JQuery estivesse verificando pelas classes uma única vez, e não consultando sempre que o evento ocorre (mais ou menos isso...)

Certamente existe algo que estou fazendo errado!

Alguém poderia me ajudar?

Obrigado!