[Resolvido] Problema .on() jquery

Olá.

Estou criando uma interação onde uma div é populada por uma lista de itens carregados através do $.get(). Ao clicar sobre um dos links carregados a açao é disparada. O problema é que o evento não esta sendo vinculado aos links carregados, então ao clicar neles a página recarrega ao invés de somente pegar o valor.

No exemplo da estrutura abaixo, quero fazer com que, ao clicar sobre o link, o span #valor-cor tenha o attributo data-value populado pelo attributo href do link clicado.

Estrutura HTML

<div class="cor">
<span id="valor-cor" data-value="">Cor</span>
<div>
<span id="fechar-corzin" class="fechar">fechar</span>
<a name="177" href="12">
<a name="180" href="15">
<a name="182" href="17">
<a name="184E" href="19">
</div>
</div>

Javascript

//busca novos links para serem listados na div das cores

$.get('buscaCorMenor.php',{id:id}, function(retorno){
 $('.cor div').empty().html(retorno);
})

//ao clicar no link o span #valor-cor recebe as informações
//problema é que ao clicar o preventDefault() não esta funcionando e o link é disparado recarregando a página

$('.cor a').on('click', function(event){
 $('#valor-cor').text($(this).attr('name')).attr('data-value',$(this).attr('href'));
 $divcor.fadeOut();
 event.preventDefault();
})