button not work

by John Doe

HTML

<form id="form_refeicao" onSubmit="return false">
<p>

<label>Prato Principal:</label>
<select id="alimento">
  <option value="Vaca">Bife: Vaca</option>
  <option value="Frango">Bife: Frango</option>
  <option value="Porco">Bife: Porco</option>
  <option value="Atum">Peixe: Atum</option>
  <option value="Espadarte">Peixe: Espadarte</option>
  <option value="Lulas">Peixe: Lulas</option>
  <option value="Pescada">Peixe: Pescada</option>
</select>
<button id="pesquisar_receita">Pesquisar</button>

</p>

<div id="resultados" style="display: none">
  <table>
    <tr>
      <th colspan="2">Resultados:</th>
    </tr>
  </table>
</div>
</form>

JavaScript

var receitas = {
      Lulas: ["Arroz de Lulas"],
      Vaca: ["Bitoque", "Estufado de Vaca"]
    };

function get_receita(alimento) {
  var pesquisa = [];
  for (var key in receitas) {
    if(receitas.hasOwnProperty(key)) {
      if (key == alimento) {
        pesquisa.push(receitas[key]);
      };
    };
  };

  return pesquisa[0];
};

$("#pesquisar_receita").click(function(){
    var alimento = document.forms["form_refeicao"]["alimento"].value;
    $("table").find("tr:gt(0)").remove();
    //$("#resultados").css("display", "block");

    var pesquisa = get_receita(alimento);
    for (var i = 0; i < pesquisa.length; i++) {
      //$("#resultado_"+i).text(pesquisa[i]);
      $("table tr:last").after("<tr><td>"+pesquisa[i]+"</td><td><button>Escolher</button></td></tr>");
    };

    $("#resultados").css("display", "block");
  });
  
  $("table button").click(function(){
    $(this).closest('tr').find('td').each(function (colIndex, c){
      refeicao = c.textContent;
    });
    alert(refeicao);
  })