[Kolyl]

Всем доброе время суток.
Есть задача, при клике менять картинку одну на другую.
В коде ниже все работает и при клике картинка меняется, но только один раз.
Как сделать чтобы картинка менялась каждый раз при клике по ней.
Картинки выводятся в цыкле.

<span class="visible"><img src="../img/site/visible.png" title="222" /></span>
<span class="visible"><img src="../img/site/visible.png" title="222" /></span>
<span class="visible"><img src="../img/site/visible.png" title="222" /></span>
<span class="visible"><img src="../img/site/visible.png" title="222" /></span>
<span class="visible"><img src="../img/site/visible.png" title="222" /></span>

$('.visible img').each(function() {
    $(this).click(function (){
        var url = '../img/site/invisible.png';//новое фото
        var title = '111';//новый тайтл для фото
        $(this).attr('src', url).attr('title', title);
    });
});