Javascript 如何在load（）div中发布表单

我在第二页有一个带有$\u POST类型的表单，在第一页我加载了带有以下代码的表单：

<div class="option_dialog" id="search">
<div class="close_option">Search <img onclick="search()" style="float:right;height:20px" src="img/close.png">
</div>
<div id="search_content" style="overflow:scroll;max-height:400px">
  <script>
  $('#first_page_div').load('second_page.php #second_page_form');
  </script>
</div>
</div>

$(function () {
    $('#form_id').on('submit', function (e) {
    e.preventDefault();

    $.ajax({
      type: 'POST',
      url: 'second_page.php',
      data: $('#form_id').serialize(),
      success: function () {
        $('#first_page_search_result').load('second_page.php #searched_result');
        search_result();
      }
    });
  });
});

在第一页通过ajax提交表单时，第二页应处理其请求，并在第一页返回搜索结果，然后执行search_result（），这是返回结果后将显示的另一个隐藏div。

---

请告诉我如何进行此操作？关于

为什么要加载search.php？实际表单在哪里？@APAD1抱歉，搜索是表单所在的第二页，忘记编辑此页面