jquery — загрузить () PHP после элемента

По определенным причинам мне нужно загрузить файл PHP через jquery (в конечном итоге он будет отвечать за вызов динамической боковой панели wordpress, но я не могу выполнить php внутри jquery). Что у меня сейчас есть:

$('#pa_kategoria-cenowa').after('<div class="product-variation-desc"><div id="5" class="box">CENA 5 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean semper egestas sodales. In commodo massa eget lectus eleifend, nec dictum sapien laoreet. </div><div id="10" class="box">CENA 10 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean semper egestas sodales. In commodo massa eget lectus eleifend, nec dictum sapien laoreet. </div><div id="15" class="box">CENA 15 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean semper egestas sodales. In commodo massa eget lectus eleifend, nec dictum sapien laoreet. </div></div>');

мой php файл называется: нагрузки widgets.php

вот почему функция загрузки должна выглядеть так:

.load('load-widgets.php');

содержимое файла PHP будет следующим:

<div class="product-variation-desc"><div id="5" class="box">CENA 5 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean semper egestas sodales. In commodo massa eget lectus eleifend, nec dictum sapien laoreet. </div><div id="10" class="box">CENA 10 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean semper egestas sodales. In commodo massa eget lectus eleifend, nec dictum sapien laoreet. </div><div id="15" class="box">CENA 15 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean semper egestas sodales. In commodo massa eget lectus eleifend, nec dictum sapien laoreet. </div></div>

но я понятия не имею, как объединить это вместе. Я пробовал:

$('#pa_kategoria-cenowa').after().load('load-widgets.php');

но это не работает. Как этого добиться?