Где искать ошибку в js?

Question

[vohaha]

Не работает код:

/*global $, jQuery, alert*/
$(function () {
    'use strict';
	var $heroSelectForm = $('[class="hero-select-form"]'),
		$heroesRadio = $heroSelectForm.find('[name="hero"]'),
        $heroes = $('[id*="pick"]'),
		$activeRadio = $heroesRadio.filter(':checked');

	$(document).on('change', '[name="hero"]', function () {
		setForm(this);
	});

	if (!$activeRadio.length) {
		$activeRadio = $heroesRadio.eq(0);
		$activeRadio.trigger('click');
	} else {
		setForm($activeRadio.get(0));
	}
    
    function setForm(input) {
		if ($activeRadio.data('[class*="valkyrie"]')) {
            $heroes.data('[id*="Valkyrie"]').css('display', 'block');
        }
        if ($activeRadio.data('[class*="trooper"]')) {
            $heroes.data('[id*="Trooper"]').css('display', 'block');
        }
	}
});

воспользовался файлом js из примера от @Petroveg .
В чем может быть ошибка?

В консоль пишет:

Что это значит и как исправить?

jsfiddle.net/8fLo4pgs/5

Comments

[Евгений Петров]

В моём примере JS нужен только для смены внешнего вида меню.
Для самого меню и появления/скрытия слоёв никаких скриптов не нужно.

Answer 1

[Константин Китманов]

Вы обращаетесь к переменной $, а она не определена. Скорее всего, в ней должна находиться jQuery, и чтобы пример заработал, надо в фиддл эту библиотеку подключить (слева вверху выпадающий список).