[Resolvido] Países, Estados, Cidades e Bairros com jquery

Aí galera, beleza?

Seguinte: tenho uma página com 4 DIV ao lado da outra. A primeira contém uma tabela com os países. Ao clicar em um país chama um script PHP que carrega todos os estados do país na div ao lado direiro. A idéia é clicar no estado, carregar suas cidades. clicar na cidade carregar os bairros.

Acontece a página já é carregada com a div de países cheia e a class "pais" exposta na página, funcionando legal. O problema é que quando clico em um dos estados ele não execulta a ação

$(".estado").click(function(){
var ad = $(this).attr("id");
var xd = ad.split("|");
var id = xd[1];
alert(id);
$("#id_estado").val(id);
$("#tab_cidade").load("acha_cidade.php?id_estado="+id);
});

sequer dá o alert que botei pra verificar se está entrando. A diferença entre os links (class="pais") e os links (class="estado") é que o de país já consta no carregamento da página e o de estado só é carregado ao clicar no país pelo método:

$(".pais").click(function(){
var ad = $(this).attr("id");
var xd = ad.split("|");
var id = xd[1];
$("#id_pais").val(id);
$("#tab_estado").load("acha_estado.php?id_pais="+id);
});

Veja o código do script que carrega os estados:

$valor = addslashes(trim($_GET["id_pais"]));
$sql = "select * from tb_estado where id_pais='$valor' ORDER BY nom_estado_1";
$dados = pg_query( $conexao, $sql );
?>
<table id="tab2" width="190" border="0" cellspacing="0" cellpadding="0">

<? while($row = pg_fetch_array($dados)) {

$id_estado = $row["id_estado"];
$nm_estado = $row["nom_estado_1"];
?>
<tr>
<td align="left" valign="middle" class="LinkTahoma11Cinza"><a href="#" id="e|<? echo $id_estado; ?>" [b]class="estado"[/b]><? echo $nm_estado; ?></a></td>
<td width="40" align="right" valign="middle">
<table width="40" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="50%" align="center" valign="middle"><img src="../imagens/Alterar.gif" width="16" height="16" /></td>
 <td align="center" valign="middle"><img src="../imagens/delete.png" width="16" height="16" /></td>
 </tr>
</table>
</td>
</tr>
<? } ?>
</table>

Por favor!!!!! Alguém consegue ver o porque do browser recebe o clique, mas não executa a ação?

Agradeço a ajuda.