Добавить строку в GridView после строки заголовка с помощью jQuery

Question

У меня есть GridView с заголовком и несколькими строками, и я хочу добавить еще одну строку чуть ниже заголовка с помощью jQuery.

<form id="form1" runat="server">
<div>

    <asp:GridView ID="GridView1" ShowHeader="true" runat="server">
        <Columns>
            <asp:TemplateField HeaderText="Activity Name">
                <ItemTemplate>
                    <asp:Label runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Name") %>'></asp:Label>
                </ItemTemplate>
            </asp:TemplateField>

        </Columns>

    </asp:GridView>

    <asp:Button Text="Add Activity" runat="server" OnClientClick="addActivity(); return false;" />

</div>
</form>

Мои попытки были

$('#GridView1 tbody').prepend('<tr><td>new activity</td></tr>');

Ставит новыйстрока над заголовком

$('#GridView1 table tr:first').after('<tr><td>new activity</td></tr>'); 

Ничего не делает (по крайней мере, ничего не видно, как и любой другой элемент tr)

Answer 1

Хорошо, если я изменю вторую команду на

$('#GridView1 tbody tr:first').after('<tr><td>new activity</td></tr>'); 

это работает