Добавление panel в panel-group bootstrap

Пытаюсь создать новую категорию. Отправляю ее на сервер для сохранения в базе, и если success,то хочу добавить ее ко всем остальным в panel-group. С отправкой на сервер проблем нет, но как ее потом, как ещё одну panel, добавить в panel-group, без перезагрузки страницы, я не понимаю. Подскажите пожалуйста как это можно сделать.

panel-group:

<div class="panel-group" id="panelGroupId">
        <c:forEach items="${categories}" var="category" varStatus="loop">
        <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title row">
                        <a data-toggle="collapse" class="col-sm-5"
                           data-target="#collapseIn-${category.id}">${category.name}</a>
                        <div class="col-sm-6">${category.description}</div>
                        <button class="btn btn-primary"
                                data-toggle="modal"
                                data-target="#editCategory"
                                onclick="showId(${category.id})">
                            <span class="glyphicon glyphicon-edit"></span>
                        </button>
                        <button class="btn btn-danger"
                                data-toggle="modal"
                                data-target="#deleteCategory"
                                onclick="showId(${category.id})">
                            <span class="glyphicon glyphicon-remove"></span>
                        </button>
                    </h4>
                </div>
                <div id="collapseIn-${category.id}" class="panel-collapse collapse">
                    <div class="panel-body row">
                        <c:forEach items="${category.criteria}" var="criteria" varStatus="loop">
                            <div class="col-sm-2">${criteria.title}</div>
                            <button class="btn btn-danger btn-xs"
                                    onclick="showId(${criteria.id})">
                                <span class="glyphicon glyphicon-remove"></span>
                            </button>
                            <br>
                        </c:forEach>
                    </div>
                </div>
        </div>
        </c:forEach>
    </div>

метод jquery:

$("#saveCategory").click(function () {
    $.ajax({
        url: "/addCategory",
        type: "POST",
        data: {name: $("#categoryName").val(), "description": $("#categoryDescription").val()},
        success: function (data) {
            console.log(data);
            $("#panelGroupId").add
           // Здесь как-то добавить запись к panel-group
        },
        error: function (textStatus) {
            console.log(textStatus);
        }
    });
});