Pesquisar na Comunidade

Entendo muito pouco de javascript portanto copiei um código para um projeto que estou desenvolvendo com finalidade de estudo. Bom, a função selecionar o item funciona normalmente Preciso colocar a função "retirar do carrinho". Coloquei uma div dentro do código para fazer isso, e ficou da seguinte forma: <div id="resultado_sembusca"> <?php $buscar = $pdo->prepare("SELECT * FROM `produtos` "); $buscar->execute(); $retorno = array(); $retorno['dados'] = ''; $retorno['qtd'] = $buscar->rowCount(); if($retorno['qtd'] >= 0){ while($conteudo = $buscar->fetchObject()){ echo '<a href="#" id="'.$conteudo->id.':'.$conteudo->valor.'">'.utf8_encode($conteudo->titulo).'</a>'; echo '<br>'; //trecho adicionado //echo '<button name="button" id="retira_produto">Click me</button>'; //idem echo '<div id="retira_produto">'; echo '<a href="#">' ."Link". '</a>'; echo '</div>'; }//retirei esse trecho da frente da linha acima = $retorno['dados'] .= } ?> </div> Este é a função jd $('body').on('click', '#retira_produto a', function(){ ///retira produto var dadosProduto = $(this).attr('id'); var splitDados = dadosProduto.split(':'); $.ajax({ method: 'post', url: 'sys/sys.php', data: {retira_produto: 'sim', produto: splitDados[0]}, dataType: 'json', success: function(retorno){ $('tbody#content_retorno').html(retorno.dados); } }); }); $('body').on('click', '#resultado_busca a', function(){ var dadosProduto = $(this).attr('id'); var splitDados = dadosProduto.split(':'); $.ajax({ method: 'post', url: 'sys/sys.php', data: {add_produto: 'sim', produto: splitDados[0]}, dataType: 'json', success: function(retorno){ $('tbody#content_retorno').html(retorno.dados); } }); }); }); Bom, como falei, a primeira função funciona e a segunda não, o que estou fazendo de errado?