Создание простого файлового продукта в Magento, но при загрузке страницы он теряет свой интерес

Question

Я создал собственный файлер с иконками, у меня проблема в том, что я хочу показать, какой фильтр активен, я добавил несколько jquery для этого, но у меня проблема в том, когда файлер загружает страницу.сбрасывает выделение и удаляет активный класс.Надеюсь, это имеет смысл?

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

Выберите тип каркаса вашей кровати

    <div class="col-5">
        <a class="active-filter" href="#" class="furniture-link">

            <h3>Bed Frames</h3>
        </a>
    </div>
    <div class="col-5">
        <a class="active-filter" href="#" class="furniture-link">

            <h3>Mattresses</h3>
        </a>
    </div>
    <div class="col-5">
        <a class="active-filter" href="/kids-zone/shop-by/group_type/chair-hinged_wardrobe-chest_of_drawers-dressing_table-stool-bedside_table-bookcase-corner_wardrobe/" class="furniture-link">

            <h3>Furniture</h3>
        </a>
    </div>
    <div class="col-5">
        <a class="active-filter" href="/kids-zone/shop-by/group_type/chair-chest_of_drawers-dressing_table-mirror-stool-wall_cube-underbed_storage/" class="furniture-link">

            <h3>Accessories</h3>
        </a>
    </div>
    <div class="col-5">
        <a class="active-filter" href="/kids-zone/shop-by/size/cot_60cm_x_120cm-toddler_70cm_x_140cm/" class="furniture-link">

            <h3>Nursery</h3>
        </a>
    </div>
    <div class="clear-fix"></div>
</div>

<script type="text/javascript">
    $(document).ready(function(){
    $('a.active-filter').click(function(){
    $('a.active-filter').removeClass("active");
    $(this).addClass("active");
    });
    });
</script>