javascript - поменяйте местами ссылку для скачивания

У меня есть простой html-сайт, где наверху находится основное изображение с кнопкой загрузки. Загрузка работает с атрибутом загрузки html5.

Теперь у меня есть миниатюры под основным изображением, которое при нажатии заменяет основное изображение миниатюрным изображением.

Следующий вопрос: я использую один и тот же код javascript, чтобы также заменить URL-адрес кнопки загрузки с помощью эскиза эскизов, но при нажатии кнопки загрузки он по-прежнему открывает ссылку с жестким кодом для загрузки из html вместо использования замененного URL-адреса.

HTML

<div class="dwnldcntnr">
 <img src="imgage1.jpg" alt="Image Title 1" />
  </div>

<div id="btncntnr">
 <a href="imgage/image1.jpg" download="image1.jpg">
 <button id="btn">Download</button></a>
  </div>

<div class="itemcntnr">
 <a href="image2.jpg" title="2.jpg">
 <img src="image2.jpg" />
  </a></div>

JS-код для замены URL-адреса для загрузки с эскизом эскиза

    <script type="text/javascript">
$(document).ready(function() {
    $('.itemcntnr a').click(function() {
        var path = $(this).attr('href');
        $('#btncntnr a').attr('href', path)
                             .attr('download', $('a', this).attr('title'));
        return false;
    });
});
</script>