Ajax.Beginform不会更新目标div

Question

我使用Ajax.Beginform（）而不是Html.BeginForm（），因为我想在局部视图中显示提交结果。

但是当我点击提交按钮时，div不会更新。相反，它显示为没有网站其余部分的普通视图。

我的代码如下所示：

@using (Ajax.BeginForm("SearchParticipant", "Search", 
new { @role = "form", @class = "col-lg-12" }, new AjaxOptions { UpdateTargetId = "resultViewParticipant" }))
            {
<a href="#" onclick="$(this).closest('form').submit()" class="btn btn-primary"><span class="glyphicon glyphicon-search"></span>Search</a>
}

<div id="resultViewParticipant">
</div>

在控制器中，ActionResult看起来像这样：

public ActionResult SearchParticipant(SearchReturnModel model)
    {
        var result = searchManager.SearchResultParticipant(model.Participant, RegionId);
        return PartialView("_ResultParticipant", result);
    }

Ajax在网站的其他地方完美无瑕地工作，所以不引人注意地正确实施。

如果在这种情况下我不需要通过javascript，我将不胜感激