Непонятное поведение Chrome с AngularJS + JQuery

Пишу небольшое приложение с помощью AngularJS. Проблема "всплыла" при тестировании в Chrome, потому что в Opera работает все корректно(!).

На страницу генерируются блоки текста с помощью Angular. После этого JQuery должен найти по названию класса элемент и добавить к нему еще класс. Но, как я понял, почему-то JQuery ищет элемент до того, как сформировано DOM дерево, следовательно не может найти сгенерированный элемент. Вот части кода.

В каком порядке подключал(пробовал подключать JQuery ДО Angular, но проблема остается):

<script src="../AngularJS/angular.js"></script>
<script src="../AngularJS/angular_resource.js"></script>
<script src="../JQuery/jquery-3.2.1.min.js"></script>
<script src="app.js"></script>//модуль и контроллер
<script src="tab.js"></script>

Файл tab.js:

$(function() {
    $('li:nth-child(1)).addClass('active');
});

Подскажите, пожалуйста, что можно сделать