не работают события на определенных элементах
 

Здравствуйте.
Ситуация следующая.
На страницу аяксом затягиваеться несколько блоков.
примерно таких div>span,span,span...
таких блоков 2 один для вывода списка сразу, другой для поиска по списку.
структура идентичная классы у элементов одинаковые.
Вешаю on() на класс элемента.
на элементах которые в блоке для вывода списка сразу все норм.
на элементах которые спрятаны(для поиска) событие не работает.
при поиске первых блок прячется, второй появляется и в нем ищит.
код события значения не имет, допустим $(document).on('click','.class',function(){alert(5 55)});
скрин списка элементов, нижняя часть serch верхняя list
https://1.downloader.disk.yandex.ru/...ize=XXL&crop=0

Мож уже конечно и выспаться надо, но всеравно какаято хрень....

Вижу ответа нет.
И я его не нашел, прикрутил на месте создания списка ID элемента и вроде как работает. но почему не работает по классу не понятно.

stone86,
Вы описали проблему и не сделали тестового примера демонстрирующего вашу "мистику". Не видя кода нельзя узнать в чем беда. Обычно это банальные опечатки. Сделайте короткий и лаконичный тестовый пример и вам обязательно помогут.

У нас в проекте была беда что кто-то в имени класса поставил русскую "с". Проблему искали очень долго, на первый взгляд происходила магия. Потом нашли поиском регуляркой по русским символам в проекте (честно говоря это был уже давольно отчаянный шаг).