вопрос по активному пункту меню / не опенкарт

[dirtsport]

Вопрос не по теме опенкарт, поэтому задал в курилке. Надеюсь можно. Это просто html-страница, что-то типа галереи. Подскажите пожалуйста, кому не лень: :-)


У меня такой код в index.html
 

<nav id="work-filter">
          <a href="#" class="filter-link" data-group="all">Все работы</a>
          <a href="#" class="filter-link" data-group="stulja">Стулья</a>
          <a href="#" class="filter-link active" data-group="stoli">Столы</a>
          <a href="#" class="filter-link" data-group="skamejki">Скамейки</a>
          <a href="#" class="filter-link" data-group="lustri">Люстры</a>
          <a href="#" class="filter-link" data-group="drugie">Другие изделия</a>
        </nav>

Такой код в application.js:
 

 

});
    $btns = $filter.children();
    return $btns.on('click', function(e) {
      var $this, group, isActive;
      e.preventDefault();
      $this = $(this);
      isActive = $this.hasClass('active');
      if ($this.hasClass('active')) {
        return false;
      } else {
        group = (isActive ? 'all' : $this.data('group'));
        if (!isActive) {
          $('#work-filter .active').removeClass('active');
        }
        $this.toggleClass('active');
        return $grid.shuffle('shuffle', group);
      }
    });
  };

Вопрос в следующем:

Изначально активный пункт меню был "Все работы". Я захотел сделать, чтобы активный пункт был "Столы". Вставил "active"

столам, но получилось, что при заходе на сайт активный пункт то получился "Столы", НО в них отображаются все работы.

Менял "all" на "stoli" - не помогает

Не пойму, что мне надо в яваскрипте поменять, чтобы "столы" были активные, но при этом столы и отображались, а не все

работы.