Estou lutando para fazer um alerta surgir quando uma tag âncora com uma classe específica é clicada dentro de uma div.

seção @My html em questão se parece com isso ...

<div id="foo">
  <a class='bar' href='#'>Next</a>
</div>

A seção jQuery é a seguinte ..

$('.bar').click(function()
{
  alert("CLICKED");
});

Meu problema é que não consigo receber esse alerta, acho que estou selecionando corretamente a classe "next", mas não o captará por algum motivo. Eu também tentei quase tudo nestepágin mas nada está funcionando. Se eu não tentar especificar a marca de âncora, ou seja, $ ('# foo'). Click (function () ... então funcionará, mas haverá várias marcas de âncora nessa div, simplesmente executando o alerta quando o div clicado não funcionará para o que eu preciso. O site em questão é um mecanismo de pesquisa usando o ajax para enviar informações para do_search.php.No do_search.php, tomo decisões de paginação com base em quantos resultados são encontrados e se aplicável, um próximo, anterior, último e primeiro link podem ser criados e ecoado

EDIT: Acabei de descobrir, era o meu posicionamento da função .next, pois ela não foi criada no carregamento inicial do documento, mas, depois que um resultado foi retornado, movi a função .next para a parte de sucesso do a função ajax, pois é aí que os botões serão criados, se necessário, agora funciona.