Javascript动态添加行没有响应

Question

这是我的空表（当表空时表示响应）：

<table class="table" id="tabla_lista_pedido">
  <thead>
<tr>
  <th>Codigo</th>
  <th>Descripcion</th>
  <th>cantidad</th>
  <th colspan="2">Quitar de lista</th>
</tr>
</thead>

<tbody id="tbody">

</tbody>
</table>

这是我的js函数，它向表中添加了新行

function get_current_producto(id, cod, desc){

     $("#tbody").append('<tr><td hidden="hidden">'+id+'</td><td>'+cod+'</td><td>$'+desc+'</td><td><input id="cantidad_pedido" min="1" max="100" type= "number">
</input></td><td><button class= "btn btn-danger btn-xs deleterow">X</button></td></tr>');

   }

到这里行添加好了，但是表行，所以thead现在没有响应！为什么？我该如何解决这个问题？