JQuery цепочечные выборки с несколькими родителями - последний выбор всегда "отключен"

Question

Я пытаюсь реализовать цепочечный выбор, зависящий от 2 родительских выборов, но дочерний выбор всегда остается отключенным без загрузки параметров. Насколько я могу судить, в моих данных правильный формат first-parent\second-parent, но все же дочерний выбор не сработает.

Моя установка выглядит следующим образом:

• Выбор первого родителя: годы (год-2016, год-2015, год-2014...)
• Выбор второго родителя: типы медиа (статья, галерея, видео)

Если выбраны "год-2015" и "статья", дочерний элемент выбора должен отобразить параметры с классом "год-2015\ статья".

Сценарии:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="jquery.chained.js"></script>
<script>$("#item").chained("#year, #mediatypes");</script>

Вот jsfiddle с сгенерированным HTML

Мой код, кажется, соответствует этой примерной скрипке, но я не могу определить, почему мой выбор ребенка не сработает. Что мне не хватает?

Answer 1

Я нашел проблему вскоре после того, как нашел время опубликовать это...

Я поставил классы в неправильном порядке. Мой ребенок выбирает нужные классы в формате "год-2015\ статья", а не "статья \ год-2015". Простая ошибка, но я "отвечаю" на мой вопрос в случае, если кто-то другой сделает такую ​​же ошибку.