Почему не удаляется тег?

Question

[P_Alexander]

Пытаю реализовать удаление товара из корзины по клику на кнопку, ajax - ом , но не выходит, подскажите с чем проблема!??? Все файлы я 100 % правильно подключил и библиотеку jquery и файл js поэтому тут не указывал это.
jsp

<div>
        <c:forEach var="i" items="${requestScope.out}">
        <div class="basketProduct${i.id}">
            <p><c:out value="${i.typeProduct}"></c:out></p>
            <p><c:out value="${i.model}"></c:out></p>
            <p><c:out value="${i.smodel}"></c:out></p>
            <p><c:out value="${i.cost}"></c:out></p>
            <p>-----------------------------------------</p>
        </div>

    </div>
        <form basket="${i.id}">
            <input type="hidden" name="model" value="${i.model}"/>
            <input type="hidden" name="smodel" value="${i.smodel}"/>
            <input type="hidden" name="iduser" value="${i.idUser}">
        </form>
        <button basket="${i.id}" type="button" class="btn_delete">Удалить из корзины</button>
        </c:forEach>

Файл c функцией ajax
как я это понимаю я отправляю на сервер данные по товару который я хочу удалить, данные приходят на сервер, я там удалил из базы и все, и код 200 в консоли, и отправлять назад на страницу мне не нужно, должно просто удалится и все, но не происходит!

(function($) {
    $(document).ready(function() {
        $('.btn_delete').click(function() {
            var basketID = $(this).attr('basket');
            var from = $('form[basket="' + basketID + '"]');

            var data = {};
            $(from.children()).each(function (index, input) {
                data[$(input).attr('name')] = $(input).val();
            });

            $.ajax({
                type: 'POST',
                data: data,
                url: 'basket',
                success: function(result) {
                    // $('#' + basketID).html(result);
                    console.log('elements -',  $("div.basketProduct + from"));
                    $("div.basketProduct + from").remove();
                }
            });
        });
    });
})(window.jQuery);

Comments

[P_Alexander]

Вопрос решен.

[Модератор]

P_Alexander, пользователи с такой же проблемой будут вам благодарны, если вы напишите в ответе, как решили.

[P_Alexander]

Ничего существенно не поменялось,немного переделал, там коряво стояли теги div из за чего не работало, полностью рабочая JSP + ajax запрос
JSP

<div>
        <c:forEach var="i" items="${requestScope.out}">
        <div productform="${i.id}">
            <div name="iduser" value="${i.idUser}">
                <p><c:out value="${i.typeProduct}"></c:out></p>
                <p name="model" value="${i.model}"><c:out value="${i.model}"></c:out></p>
                <p name="smodel" value="${i.smodel}"><c:out value="${i.smodel}"></c:out></p>
                <p id="cost_item"><c:out value="${i.cost}"></c:out></p>
                <p>-----------------------------------------</p>
            </div>
            <button product="${i.id}" type="button" class="btn_delete">Удалить из корзины</button>
        </div>
        </c:forEach>
    </div>

Ajax

(function($) {
    $(document).ready(function() {
        $('.btn_delete').click(function() {
            var basketID = $(this).attr('product');
            var from = $('div[productform="' + basketID + '"]');
            var cost = parseInt($('#cost_item'));
            console.log(cost);
            var data = {};

            var child = $(from.children()[0]);

            data[child.attr("name")] = child.attr("value");
            $(child.find('p[name]')).each(function (index, el) {
                data[$(el).attr('name')] = $(el).attr("value");
            });

            $.ajax({
                type: 'POST',
                data: data,
                url: 'basket',
                success: function(result) {
                    var el = $('#cost');
                    console.log( "el " + el.html());
                    var v = parseInt(el.html());
                    console.log("v " + v);
                    el.html(v - cost);
                    console.log( "el " + el.html());
                    // $('#cost') = el;
                    from.remove();
                }
            });
        });
    });
})(window.jQuery);