Простое становится сложным

Подскажите почему скрипт отбирает только первый рисунок? По идее должно производить выборку из всех изображений.

вот код html брал с исходного кода

<div id='gallery-1' class='gallery galleryid-524'><div class='gallery-item'>

            <span class='gallery-icon'>

                <a href='wp-content/uploads/2014/07/0051.jpg' rel="lightbox[524]"><img width="614" height="264" src="wp-content/uploads/2014/07/0051-614x264-1405342222.jpg" class="attachment-gallery-slider-thumb" alt="005" /></a>

            </span></div><br style="clear: both" /><div class='gallery-item'>

            <span class='gallery-icon'>

                <a href='wp-content/uploads/2014/07/0011.jpg' rel="lightbox[524]"><img width="614" height="264" src="wp-content/uploads/2014/07/0011-614x264-1405342193.jpg" class="attachment-gallery-slider-thumb" alt="001" /></a>

            </span></div><br style="clear: both" /><div class='gallery-item'>

            <span class='gallery-icon'>

                <a href='wp-content/uploads/2014/07/0021.jpg' rel="lightbox[524]"><img width="614" height="264" src="wp-content/uploads/2014/07/0021-614x264-1405342159.jpg" class="attachment-gallery-slider-thumb" alt="002" /></a>

            </span></div><br style="clear: both" /><div class='gallery-item'>

            <span class='gallery-icon'>

                <a href='wp-content/uploads/2014/07/0031.jpg' rel="lightbox[524]"><img width="614" height="264" src="wp-content/uploads/2014/07/0031-614x264-1405342115.jpg" class="attachment-gallery-slider-thumb" alt="003" /></a>

            </span></div><br style="clear: both" /><div class='gallery-item'>

            <span class='gallery-icon'>

                <a href='wp-content/uploads/2014/07/0041.jpg' rel="lightbox[524]"><img width="614" height="264" src="wp-content/uploads/2014/07/0041-614x264-1405342141.jpg" class="attachment-gallery-slider-thumb" alt="004" /></a>

            </span></div><br style="clear: both" /><div class='gallery-item'>

            <span class='gallery-icon'>

                <a href='wp-content/uploads/2014/07/0061.jpg' rel="lightbox[524]"><img width="614" height="264" src="wp-content/uploads/2014/07/0061-614x264.jpg" class="attachment-gallery-slider-thumb" alt="006" /></a>

            </span></div><br style="clear: both" />

            <br style='clear: both;' />

        </div>

вот код jquery

$(document).ready(function(){



var srcA = $('.gallery-icon a img').attr('src');

$('.show-navigation').append('<img src="'+srcA+'" width="131" height="63" alt="">');

});