AlanF.A

Pessoal boa tarde, Tenho um script que gera uma tabela HTML, sendo uma das colunas com um botão dentro, depois eu preciso no evento click de qualquer um desses botões executar uma outra função. Já tentei de varios jeitos aqui e não consegui fazer com que o o função seja executada no evento de click, acho que não estou sabendo usar o seletor corretamente. Esse codigo é o Script que gera a tabela. $('#pesquisar').click(function () { $('.corpoTbl').remove(); $.ajax({ url: "/RCM/ListarMateriais", type: "POST", data: { nome: $('#NomeMaterial').val() }, datatype: 'json', success: function (data) { $.each(data, function (I, item) { $('#tbl').append("<tr class=\"corpoTbl\"> <td class=\"id\">" + item.ID + "</td><td>" + item.Nome + "</td><td>" + item.TD + "</td><td>" + item.Unidade + "</td><td> <input class=\"qtda\" type=\"text\" value=\"0\" style=\"width: 50px;\" /> </td><td> <input class=\"addMateriais\"type=\"button\" value=\"Adicionar\" /> </td></tr>") }) } }); }); Esse é o Script que deve ser executado quando eu clicar no botão. $('.addMateriais').click(function () { var Qtd = $('.qtda'); var Id = $('.id'); if (Qtd.value != "0" && Qtd.value != "") { $.ajax({ url: "/RCM/AddMaterial", type: "POST", data: { "Qtd": $('.qtda').Value, "Id": Id.textContent } }) alert("Materiais Adicionados!"); } else { alert("Informe a quantidade dos material!") } }) Tabela HTML <table id="tbl" class="table table-striped"> <tr id="cabecalho"> <th> ID </th> <th> Insumo </th> <th> TD </th> <th> Unidade </th> <th> Quantidade </th> <th> Adicionar </th> </tr> </table>