Jquery .remove() não aplica

Boa tarde a todos,

Tenho um conhecimento básico(vamos assim dizer) em Jquery e estou trabalhando na criação de uma tabela dinâmica para inserir dados, e na última coluna um botão de excluir, aqui o código:

 var count=0;
 function addRowTabela(valor){
 var campo = valor.split('/');
 var incr = 'linha' + count;
 var linha = '<tr id="' + incr + '">' +
 '<td>' + campo[0] + '</td>' +
 '<td>' + campo[1] + '</td>' +
 '<td>' + campo[2] + '</td>' +
 '<td>' + $('#qtd').val() + '</td>' +
 '<td>' + campo[3] +'</td>' +
 '<td><a href="#' + incr + '" class="btn btn-danger" id="rm"><i class="icon icon-minus"></i></a>' + '</tr>';
 $('#tabelaAddProdutos').append(linha);
 count++;
 }

 App.prototype.initialize = function() {
 $('#infoEntrega').tooltip();
 $('#ModalAddBotao').click(function(){
 $('#ModalAddProdutos').modal('hide');
 addRowTabela($('#ModalSelect').val())
 });
 $('#rm').click(function(){
 var at = $(this).attr("href");
 $(at).remove();
 });
 }

só que não está excluindo, tudo funciona normalmente, só está parte aqui

 $('#rm').click(function(){
 var at = $(this).attr("href");
 $(at).remove();
 });

que não está funcionando...

Já tentei com .parent().parent().remove() com .parents('tr').remove e não está funcionando, alguém saberia me dizer onde estou errando, ou algo que possa usar para identificar o erro?

Estou usando o Jquery, Bootstrap,modernizr...

Muitooooo obrigado mesmo