JQuery: получить идентификатор родительского элемента выбранного элемента

У меня есть такой div:

<div id="popupDiv1" class="popupDivClass">
    <a id="popupDivClose" class="popupCloseClass">x</a>
</div>

Когда я нажимаю "x" (я хочу запустить функцию jquery называется disablePopup(id);где id — это идентификатор соответствующего popupDiv (у меня есть много popupDiv, каждый со своей собственной кнопкой X.

для этого я реализовал следующее

$(".popupCloseClass").click(function (event) {
    var buttonID = $(event.target).attr("id");
    var id = $( buttonID).closest("div").attr("id");
disablePopup(id);
});

в основном I получить идентификатор popupCloseClass, затем я получаю идентификатор его родителя (соответствующий popupDiv) с помощью ближайшего метода. Затем я вызываю disablePopup.

Но это не работает.

Я даже пытался использовать var buttonID = $(buttonID).parent().attr("id");метод, но тоже не сработал

Я также пробовал var id = this.id;

Любой помощь приветствуется

Спасибо