Botão Remover não funciona para os elementos padrão do HTML

function inserePlacar() { var corpoTabela = $(".placar").find("tbody"); var usuario = "Carlos" var numPalavras = $("#contador-palavras").text(); var numCaracteres = $("#contador-caracteres").text();

var linha = novaLinha(usuario,numPalavras,numCaracteres);
linha.find(".botao-remover").click(removeLinha);
corpoTabela.append(linha);

}

function novaLinha(usuario,numPalavras,numCaracteres){ var linha = $(""); var colunaUsuario = $("").text(usuario); var colunaPalavras = $("").text(numPalavras); var colunaCaracteres = $("").text(numCaracteres); var colunaRemover = $(""); var link = $("").attr("href", "#").addClass("botao-remover"); var icone = $("").addClass(".small").addClass("material-icons").text("delete");

// Icone dentro do <a>
link.append(icone);

// <a> dentro do <td>
colunaRemover.append(link);

// Os três <td> dentro do <tr>
linha.append(colunaUsuario);
linha.append(colunaPalavras);
linha.append(colunaCaracteres);
linha.append(colunaRemover);

return linha;

}

function removeLinha(event){ event.preventDefault(); $(this).parent().parent().remove(); }