не работает hide modal bootstrap на ajax spring boot

хочу закрыть модальное окно после добавление ученика, но почему-то модальное окно не реагирует на hide в ajax

$(document).ready(function () {

$("#add").click(function() {
    alert("hello")
    $("#exampleModal").close();
});


$("#search-form").submit(function (event) {
    //stop submit the form, we will post it manually.
    event.preventDefault();




    var name = $("#username").val();
    var surname = $("#surname").val();
    //search["email"] = $("#email").val();

    $("#btn-search").prop("disabled", true);

    var parameter = {
        name: name,
        surname : surname
    };


    $.ajax({
        type: "POST",
        contentType: "application/json",
        url: "/api/search",
        data: JSON.stringify(parameter),
        dataType: 'json',
        cache: false,
        timeout: 600000,
        success: function (data) {
            closeModel();
            setInterval('location.reload()', 5000);
            $('#feedback').html(json);


        },
        error: function (e) {

            var json = "<h4>Ajax Response</h4><pre>"
                + e.responseText + "</pre>";
            $('#feedback').html(json);

            console.log("ERROR : ", e);
            $("#btn-search").prop("disabled", false);

        }
    });




    //fire_ajax_submit();

});

});

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">New message</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
            <form id="search-form">
                <div class="form-group">
                    <label for="username" class="col-form-label">Name:</label>
                    <input type="text" class="form-control" id="username">
                </div>
                <div class="form-group">
                    <label for="username" class="col-form-label">Surname:</label>
                    <input type="text" class="form-control" id="surname">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Отмена</button>
                    <button type="submit" class="btn btn-primary" id="add">Добавить</button>
                </div>
            </form>
        </div>

    </div>
</div>