Ao adiciona uma nova linha e tentar remover ela não é removida.
function inserePlacar() {
var corpoTabela = $(".placar").find("tbody");
var usuario = "Renato";
var numPalavras = $("#contador-palavras").text();
var linha = novaLinha(usuario, numPalavras);
linha.find(".botao-remover").click(removeLinha);
corpoTabela.prepend(linha);
}
function removeLinha(event) {
event.preventDefault();
$(this).parent().parent().remove();
}
function novaLinha(usuario, numPalavras) {
var linha = $("<tr>");
var colunaUsuario = $("<td>").text(usuario);
var colunaPalavras = $("<td>").text(numPalavras);
var colunaRemover = $("<td>");
var link = $("<a>").attr("href", "#");
var icone = $("<i>").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(colunaRemover);
return linha;
}