Рендеринг PartialView с таблицей при нажатии кнопки поиска

В основном мой вопрос касается того, как обрабатывать результаты PartialView. Моя текущая (фиктивная) страница составлена ​​следующим образом:

Индекс.cshtml

@model SomeModel

@ {
    ViewBag.Title = "";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

...(Shortened code)
@using (Html.BeginForm ()) {
    @Html.EditorFor (model => model.Id, new { htmlAttributes = new { @class = "form-control", @id = "Id", @type = "text" } })
    @Html.EditorFor (model => model.Name, new { htmlAttributes = new { @class = "form-control", @id = "Name", @type = "text" } }) <
    <input type = "submit" value = "Search" / >
}

//The area where I want to place the PartialView result
<div class = "row">
                @{Html.RenderAction("List", "Controller");}
</div>

И, наконец, мой List.cshtml

@model SomeViewModel

<table class = "table-bordered table table-hover m-2" id = "table">
    <thead class = "thead-light">
        <tr>
            <th scope = "col" class = "align-middle">#</th>
            <th scope = "col" class = "align-middle">Field </th>
            <th scope = "col" class = "align-middle">Field </th>
            <th scope = "col" class = "align-middle">Field </th>
            <th scope = "col" class = "align-middle">Field </th>
            <th scope = "col" class = "align-middle">Field </th>
            <th scope = "col" class = "align-middle">Field </th>
            <th scope = "col" class = "align-middle">Field </th>
            <th scope = "col" class = "align-middle">Field </th>
        </tr>
    </thead>
<tbody>
//A @foreach for each item in the model, with <td> tags
</tbody>
</table>

Что я хочу, так это то, что когда я нажимаю кнопку «Поиск» на странице Index.cshtml, она должна получить 2 поля, используемые для поиска (идентификатор и имя), и перечислить результат на той же странице в результате контроллера списка.

Но в настоящее время он делает следующее: когда я нажимаю кнопку, он перенаправляет меня на /my/site/list, который буквально является результатом List.cshtml, что приводит к неформатированной странице только с таблицей.

Я уже пробовал следующий код в index.cshtml

<script>
    var url = '@Url.Action("List", "Controller")';
    $('form').submit(function() {
      if (!$(this).valid()) {
        return false;
      }
      var form = $(this).serialize();
      $('#list-items').load(url, form);
      return false; // prevent the default submit action
    })
</script>

Но он просто перезагружает страницу, ничего не принося, и контроллер списка никогда не попадает.

Список действий

public ActionResult List(PIMPSearchViewModel search)
{
    var model = new PIMPListViewModel();
    using (var context = new dbBEMIEntities())
    {
        //TODO: 
        model.Pimps = context.tbPIMPs.Where(p => p.id_pimp == search.Id && 
                                                 p.service_type.Equals(search.SelectedServiceType, StringComparison.InvariantCultureIgnoreCase) &&
                                                 p.status.Equals(search.SelectedStatus, StringComparison.InvariantCultureIgnoreCase)).ToList();
        foreach (var item in model.Pimps)
        {
            item.status = context.tbParams.Where(k => k.key_complement == item.status).Select(k => k.param_value).FirstOrDefault();
        }
    }
    return PartialView(model);
}