Обновление лайтбокса после загрузки AJAX

У меня действительно простой вопрос; Я разрабатываю сайт WordPress, который использует плагин фильтрации. Этот плагин загружает результаты, используя ajax. Цель состоит в том, чтобы открыть результаты в лайтбоксе (я использую colorbox). Я могу заставить его работать на первой странице, но после динамического добавления результатов он больше не работает.

Я знаю, что мне нужно повторно инициализировать свой colorbox после загрузки ajax, и плагин также предоставляет код (http://www.designsandcode.com/wordpress-plugins/search-filter-pro/faqs/), дело в том, что я не совсем уверен, где его разместить.

Я добавил следующее в нижний колонтитул страницы:

<script>

//detects the start of an ajax request being made
$(document).on("sf:ajaxstart", ".searchandfilter", function(){
console.log("ajax start");
});

//detects when the ajax request has finished and the content has been updated
// - add scripts that apply to your results here
$('.colorbox-link', context).colorbox();
$(document).on("sf:ajaxfinish", ".searchandfilter", function(){
console.log("ajax complete");
//so load your lightbox or JS scripts here again
$('.colorbox-link', context).colorbox();
});

//an event fired when S&F is initialised and S&F scripts have been loaded
$(document).on("sf:init", ".searchandfilter", function(){
console.log("S&F JS initialised");
});

</script>

Спасибо!