Как получить UpdatePanel для отображения нескольких результатов поиска

Question

Я пытаюсь получить модальное диалоговое окно начальной загрузки, чтобы отобразить сетку, разрешить поиск данных нажатием кнопки и отфильтровать результаты, все внутри этого модального диалога, который находится внутри UpdatePanel.

В первый раз, когда я ввожу текст в поле поиска и нажимаю кнопку поиска, он правильно фильтрует сетку, но если я наберу второй поиск в текстовом поле и попытаюсь снова нажать кнопку поиска, он больше не фильтрует вид сетки.

Вот код:

<asp:UpdatePanel runat="server" ID="updatePanelTop" UpdateMode="Conditional" >
<ContentTemplate>
<div id="addModal" class="modal fade" tabindex="-1" method="POST" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <script type="text/javascript">
            $(document).ready(function () {
                $('#addModal').on('hidden.bs.modal', function (e) {
                $('#postID2').val('');
            });
        });
    </script>
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h3 class="modal-title" id="addModalTitle">Add Auditor from Addresso</h3>
            </div>
            <div class="modal-body">
            <asp:UpdatePanel runat="server">
            <ContentTemplate>

                <div class="card">      
                    <div class="card-body">
                        <div class="row">
                            <div class="col-6">
                                <asp:TextBox ID="txtSearch" CssClass="form-control form-control-md" runat="server"></asp:TextBox>
                            </div>              
                            <div class="col-3">
                                <button runat="server" id="ButtonSearch" class="btn btn-block btn-outline-info btn-md" onserverclick="BtnSearch_Click" title="Search">
                                    Search
                                </button>                           
                            </div>  
                        </div>
                    </div>
                </div>

                <div class="card">      
                    <div class="card-body">
                    <div id="grid"  runat="server">
                        <div class="row">  
                            <div class="col-lg-12 ">  
                                <div class="table-responsive">  
                                 <asp:Panel ID="pnlSearchResults" runat="server" ScrollBars="Vertical" Height="200px" Width="100%">

                                    <asp:GridView ID="GridView1" 
                                        runat="server" 
                                        Width="100%" 
                                        borderwidth="0" 
                                        GridLines="None"
                                        OnPageIndexChanging="grdData_PageIndexChanging" 
                                        AllowPaging="True" 
                                        AllowSorting="True" 
                                        EmptyDataText="  (No records were found...)"
                                        AutoGenerateColumns="False"> 
                                        <EmptyDataRowStyle Font-Bold="True"/>                                           
                                        <Columns>      
                                                    ...
                                        </Columns>                                      
                                    </asp:GridView>  
                                </asp:Panel>

                                </div>  
                            </div>  
                        </div>  
                    </div>  
                    </div>
                </div>
            </ContentTemplate>
            </asp:UpdatePanel>

                <div class="row">
                    <div class="col-md-12">
                        <br />
                    </div>
                </div>                  
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>  
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->