Установите изображение src в другое изображение jquery

У меня есть div с некоторыми изображениями, и когда я щелкнул по этим изображениям, я хочу, чтобы другой div был открыт с этим изображением, которое я нажал.

JS

$('.examples img').click(function() {
    var loc = $(this).attr("src");
    $('#image-zoom').attr("src",loc);
});

HTML

<div class="container examples"  >
    <div id="image-zoom">
        <img class="img-thumbnail zoom" src="" alt="dental">
    </div>
    <div class="row">
        <div class="col-sm-12">
            <img id="zoom" class="img-thumbnail zoom" src="images/01.png" alt="dental">
            <img class="img-thumbnail zoom" src="images/02.png" alt="dental">
            <img class="img-thumbnail zoom" src="images/03.png" alt="dental">
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            <img class="img-thumbnail zoom" src="images/04.png" alt="dental">
            <img class="img-thumbnail zoom" src="images/05.png" alt="dental">
            <img class="img-thumbnail zoom" src="images/06.png" alt="dental">
        </div>
    </div>
</div>

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

Ответ 1

Измените src изображения, а не div:

$('#image-zoom img').attr("src",loc);

Ответ 2

измените строку 3, чтобы ссылаться на изображение вместо его контейнера:

$('#image-zoom img').attr("src",loc);