jquery - jqueryでhtmlテーブルの行を更新する

Question

テーブル内の行数を返し、その数を<td>タグ内に設定する jquery スクリプトがあります。

<tr>
 <td id = "jquery">

 </td>
 <td>
  <%= f.text_field :data1 %>
 </td>
 <td>
  <%= f.text_field :data2 %>
 </td>
  <td>
  <%= f.text_field :data3 %>
 </td>
</tr>
<script>
    var rowCount = $('#myTable tr').length
    $("#jquery").html(rowCount);    
</script>

このスクリプトは機能しますが、このビューを再度レンダリングして別の行を myTable に追加すると、次の行ではなく最初の行のみが更新されますrowCount。これを修正する方法はありますか？