Исправьте .on ('DOMSubtreeModified') для функции Running ()

Question

На моей странице есть две вкладки: «Зарегистрировано для» - первая вкладка, а «Поиск событий» - вторая. Люди используют страницу, чтобы найти новые события, и они выбирают даты, чтобы выбрать диапазон дат, чтобы найти то, что они хотят. Я хочу настроить страницу так, чтобы она отображала вкладку «Поиск событий» по умолчанию. Человек может нажать на другую вкладку, чтобы увидеть свой список, на который он уже подписан. При загрузке страницы javascript успешно устанавливает вкладку «Поиск событий» как активную:

// Show second tab on page load
$("div[id$=RadAjaxPanel1] > div > div > div.row.col-lg-12 > ul > li:nth-child(1)").removeClass("active");
$("div[id$=RadAjaxPanel1] > div > div > div.row.col-lg-12 > ul > li:nth-child(2)").addClass("active");

Когда применяется фильтр дат, страница возвращается к первой вкладке. Моя попытка написать .on ('DOMSubtreeModified'), функция Running () нуждается в помощи. Я что-то упустил или написал неправильно - или оба. Я пробовал много вещей, чтобы заставить функцию SecondTabActive () работать. Я ценю помощь.

// Set second tab as active on Apply Date Filter
$("body").on('DOMSubtreeModified', "div[id$=RadAjaxPanel1] > div > div > div.row.col-lg-12 > ul > li:nth-child()", function() {
Running();
});

function Running(){
console.log("Running");
if($("div.row.col-lg-12 > ul > li:nth-child(1).active").length > 0){
setTimeout(function(){
SecondTabActive();
},50);
}
}

function SecondTabActive(){
$("div[id$=RadAjaxPanel1] > div > div > div.row.col-lg-12 > ul > li:nth-child(1).active").html(function(){
return $(this).html().removeClass("active");
}).html(function(){
return $(this).html().addClass("active");
});
}