Pretty Lightbox Не работает после извлечения данных из Ajax

Я разработал код для отображения всех продуктов, когда пользователь попадает на страницу .. проверьте изображение ниже

Моя проблема заключается в том, что всякий раз, когда пользователь нажимает на флажок «Категория 01» или любой другой категории, «лайтбокс», используемый в поле «Продукт» в правой части, отключается. Обратите внимание, что после установки флажка данные выбираются с использованием функции AJAX.

Ниже мой код AJAX:

var xmlhttp=makeRequestObject();
ControlsArray=document.getElementsByTagName('input');


var products = "";
var productsAll = "";
var prodAll = true;

for(var i=0; i< ControlsArray.length; i++){


if(ControlsArray[i].type=="checkbox" && ControlsArray[i].checked){
if(ControlsArray[i].value == "All")
{
productsAll=ControlsArray[i].value + ",";

}
else
{
products+=ControlsArray[i].value + ",";
prodAll = false;

}
}


}
if(prodAll == true)
{
products = productsAll;
}

xmlhttp.open('GET', 'ajax-page.php?ID=1&SId='+products, true);
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && xmlhttp.status == 200) {
var content = xmlhttp.responseText;
if(content){
document.getElementById('Hint').innerHTML = content;
}
}
}
xmlhttp.send(null)
}

Код моей страницы AJAX: (ajax-page.php)

<li>
<div><a href='proDetails.php?proId=1&iframe=true&amp;width=620&amp;height=350' rel="prettyPhoto[iframe]"> <img src="img path" align="absmiddle" /></a></div>
<div><a href='#'>Product 01</a></div></li>

Дайте мне знать, что мы можем сделать, чтобы Lightbox работал, когда данные извлекаются из AJAX Control