Meu código é equivalente ?

Estou tentando fazer a implementação do código de uma forma diferente, ao invés de criar as outras funções, como no vídeo, fiz o seguinte:

$("#shuffleButton").click(function(){
  $.get("http://localhost:3000/frases", function(data){
    var frase = (".frase");
    var numeroAleatorio = Math.floor(Math.random() * data.length);
    frase.text(data[numeroAleatorio].texto);
    console.log(frase);
  })
})

a única diferença no html, é que o id "botao-frase" está como "shuffleButton", o resto está exatamente igual. Mas caso necessário posso postar aqui tbm.

Quando clico no botão, dá essa mensagem de erro

Uncaught TypeError: frase.text is not a function at Object.success (shuffle.js:5) at fire (jquery.js:3243) at Object.fireWith [as resolveWith] (jquery.js:3373) at done (jquery.js:9098) at XMLHttpRequest. (jquery.js:9340)