javascript — после автоматического обновления jquery всплывающее окно div не работает

У меня есть jquery, который обновляет div, но после обновления всплывающее окно не работает с обновленными данными.

<script type="text/javascript">
$(function() {
$.ajaxSetup ({
cache: false
});
//Refresh trigger `#newORDERx`
var auto_refreshes = setInterval(function () {$('#newORDERx').load('inc/restAdmin_orders_rcvz.php');}, 1000);
});
</script>
<div id="newORDERx"></div>

Когда я использую его, как показано ниже, всплывающее окно работает нормально, но тогда оно не обновляет div.

<script type="text/javascript">
$(document).ready(function(){
$.ajaxSetup ({
cache: false
mainClass: 'pp-product-detail' // when i use this then popup works but then doesn't refresh the div
});
var auto_refreshes = setInterval(function () {$('#newORDERx').load('inc/restAdmin_orders_rcvz.php');}, 1000);
});

</script>

класс pp-product-detail

AJAX popup

if ($('.pp-product-detail').length) {
$('.pp-product-detail').magnificPopup({
type: 'ajax'
});
}

restAdmin_orders_rcvz.php

<div class="col-lg-6">
<div class="the-menu-item">
<div class="image-wrap">
<a class="pp-product-detail" href="product-detail-popup-rest-admin-order-rcv.php?iid=<?php echo $phporder; ?>">
<img src="https://web-answers.ru/wp-content/uploads/2019/02/themenu/img-1.jpg" alt="">
</a>
</div>
<div class="the-menu-body">
<b><font color='red'> Order # </font> <?php echo $phporder; ?><br>
<font color='red'> Items Included : </font> <?php echo $lrsa['count']; ?>
<br><font color='red'>Dated : </font> <?php echo date("d/m/Y", strtotime($phpdates)); ?>
</b>
</div>
</div>
</div>