Обновлять блок после ответа от сервера

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

Раньше в других проектах я делал это с помощью load() но теперь,не могу реализовать подобное...

Нашел инфу про вывод из эксплуатации данного метода, может быть поэтому и не фурычет.

@Controller:

@PostMapping
@ResponseBody
public Model doFilter(@RequestParam String status, @PageableDefault(sort = {"id"}, direction = Sort.Direction.DESC, size = 5) Pageable pageable, Model model){

    IdeaStatus ideaStatus = IdeaStatus.getValueByName(status);

    Page<Idea> ideas = ideaRepository.findAllByStatus(pageable, ideaStatus);

    model.addAttribute("ideas", ideas);
    model.addAttribute("pageable", pageable);

    return model;
}

HTML:

<div class="ideas">
            <div id="ideas">

                <!-- Idea -->
                <div class="card" th:each="idea : ${ideas}">
                   // something code
                </div>
            </div>
        </div>

JQuery:

    function send(formData, url){
    $.ajax ({
        url: url,
        type: "POST",
        data: formData,
        dataType: "html",
        processData: false,
        contentType: false,
        async: false,
        success: function(res) {
            $(".ideas").load("#ideas") // Здесь необходимо обновлять содержимое блока
        }
    });
}