通过AJAX重新加载后，HTML div变得无法响应

Question

好的，我有一个jsp页面，其中我使用循环中的HTML表中的元素膨胀使用了一个jsp代码...现在当我使用AJAX重新加载这个表时......简单的说就是它变成了反应迟钝...即......我无法应用重新加载前工作的onClick排序和搜索栏。

这是我对表格的编码

       <div class="row-fluid sortable" id="tableRow">       
            <div class="box span12" id="teacherTableRow">
                <div class="box-header" data-original-title>
                    <h2><i class="halflings-icon user"></i><span class="break"></span>STAFF TABLE</h2>
                    <div class="box-icon">
                                                <a href="#" class="btn-setting" id="refresh_table"><i class="halflings-icon wrench"></i></a>
                        <a href="#" class="btn-minimize"><i class="halflings-icon chevron-up"></i></a>

                    </div>
                </div>
                <div class="box-content">
                    <table  class="table table-striped table-bordered bootstrap-datatable datatable">
                      <thead>
                          <tr>
                              <th>TN</th>
                              <th>TC</th>

                              <th>Actions</th>
                          </tr>
                      </thead>   
                      <tbody >

                        <%  while(resultset.next()) { %>
                                                    <tr>
                                                        <td> <%= resultset.getString(1) %> </td>
                                                        <td> <%= resultset.getString(2) %> </td>
                                                        <td class="center"  >

                                <a class="btn btn-info" href="#">
                                    <i class="halflings-icon white edit"></i>  
                                </a>
                                <a class="btn btn-danger" href="deleteTeacherData.jsp?tc=<%=resultset.getString(2)%>"  onclick="return deleteTeacher()" >
                                    <i class="halflings-icon white trash" ></i> 
                                </a>
                            </td>

                                                    </tr>
            <% }%>

                      </tbody>
                  </table>            
                </div>
            </div><!--/span-->

        </div><!--/row-->

这是我的javascript代码，到目前为止我已尝试重新加载并将其激活..

          $('#teacherTableRow').load('HOD-page1.jsp #teacherTableRow');

我也试过这个，但没有用......

          $('#teacherTableRow').load('HOD-page1.jsp #teacherTableRow',function(){
              $('#teacherTableRow').on("load",'HOD-page1.jsp #teacherTableRow'});