如何使用 <br> 作为字符串在 jquery 中换行

我试图在表中附加一个由代码动态创建的换行符的结果：

var linha = adicionarLinhaPeriodo("Período: "+valorPeriodo+"<br>"+" Preço: R$ "+precoPeriodo);

但我得到的答案是：

"Período: Até 10 minutos<br> Preço: R$ 4,50" 

没有断线！

我的整个功能代码是：

 function novoPeriodo() {
  var tabelaCompleta = $("table");
  var valorTitulo = $(".titulo-tabela").val();
  var valorPeriodo = $("#periodo option:selected").text();
  var precoPeriodo = $(".preco-periodo").val();
  var quebraLinha = $("<br>")
  var linha = adicionarLinhaPeriodo("Período: "+valorPeriodo+"<br>"+" Preço: R$ "+precoPeriodo);
  $(".tabela table tbody").each(function(){
    var tabelaId = $(this).attr("id");
    if(valorTitulo==tabelaId){
      linha.find(".fa-trash").click(removeLinha); //Para remover a linha
      $("#"+tabelaId).prepend(linha);
      return linha;
    }
  });
}

function adicionarLinhaPeriodo(periodo,preco) {
  var linha = $("<tr>");
  var colunaTolerancia = $("<td>").text(periodo,preco);
  var colunaEditar = $("<td>");
  var colunaRemover = $("<td>");
  var linkEditar = $("<a>").attr("href","#");
  var linkRemover = $("<a>").attr("href","#");
  var iconeEditar = $("<i>").addClass("fa").addClass("fa-pencil");
  var iconeRemover = $("<i>").addClass("fa").addClass("fa-trash").addClass("ic-remove");
  linkEditar.append(iconeEditar);
  linkRemover.append(iconeRemover);
  colunaEditar.append(linkEditar);
  colunaRemover.append(linkRemover);
  linha.append(colunaTolerancia);
  linha.append(colunaEditar);
  linha.append(colunaRemover);

  return linha;
}

任何人都可以帮助我在我正在创建的两行中找到这个函数的答案吗？