Adicionar <tr> e <input> com os values do produto clicado, jquery

Front-end JavaScript
, ,
#1

Tô querendo conforme o usuário for clicando no botão adicionar, vai adicionando

, e com value do produto que ele adicionou, alguém sabe como faço em jquery? 
    <thead>
    <tr>
        <th>Id</th>
        <th>Nome</th>
        <th>Preço </th>
        <th>Descrição</th>
    </tr>
    </thead>
    <tr th:each="produto : ${produtos}">
        <td id="produto-codigo" th:text="${produto.codigo}" th:value="${produto.codigo}" >id</td>
        <td id="produto-nome" th:text="${produto.nome}" th:value="${produto.nome}">nome</td>
        <td th:text="${'R$ ' +produto.preco}">preco</td>
        <td th:text="${produto.descricao}">descricao</td>
        <td>
            <button class="btn btn-sm btn-info" id="botao" >Adicionar </button>
        </td>
    </tr>
</table>

        <thead>
        <th>ItemPedido</th>
        <th>Quantidade</th>
        <th>Valor total</th>
        </thead>
        <tbody id="body-table">
            <tr>
                <td></td>
            </tr>
        </tbody>
    </table>