Переключать изображения по клику с помощью jQuery

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

    <img id='arrowRotate' src='images/prof_arrow1.png' data-swap='images/prof_arrow.png' 
data-src='images/prof_arrow1.png' />

Когда пользователь нажимает на изображение,src должен получить значениеdata-swap и когда вы нажимаете сноваsrc должен измениться наdata-src, Это должно продолжаться, как тумблер. Любая помощь приветствуется.

$("#arrowRotate").click(function() {
    var swapImage = $("#arrowGrey").attr("data-swap");
    $("#arrowGrey").attr({
        'src': swapImage,
        id: 'arrowOrange'
    });
});  

Это где я дошел до сих пор.