$ (this) .prop ("src") возвращает undefined

Некоторое время я искал об этом в Интернете, но не смог это исправить.

У меня в нижнем колонтитуле есть такие изображения;

<div class = "footer-img-wrapper">
     <img src = "images/slider-background.png" alt = "footer-img" class = "footer-img">
     <img src = "images/slider-background.png" alt = "footer-img" class = "footer-img">
     <img src = "images/slider-background.png" alt = "footer-img" class = "footer-img">
     <img src = "images/slider-background.png" alt = "footer-img" class = "footer-img">
     <img src = "images/slider-background.png" alt = "footer-img" class = "footer-img">
     <img src = "images/slider-background.png" alt = "footer-img" class = "footer-img">
</div>

Я пытаюсь открыть их больше при нажатии, накладывая эти изображения на это;

<div id = "overlay"></div>
<div id = "overlayContent">
     <img id = "imgBig" src = "" alt = "" width = "400" />
</div>

А это мой код jquery;

$(".footer-img").click(() => {
   $("#imgBig").attr("src", $(this).prop("src"));
   $("#overlay").show("slow");
   $("#overlayContent").show("slow");  });

Я проверяю, почему он не работает, по console.info;

console.info($(this).prop("src"));

и он возвращает undefined.