Замена изображений
 

День добрый!
Пятый день в тупике, голова кругом...
Помогите, пожалуйста, решить проблему. Суть:
есть три вкладки Tab, в панели nav которой находятся изображения.
необходимо сменить это изображение при активной вкладке- нажимаем на изображение на панели - нас переносит во вкладку(это происходит) - изображение меняется на активное(не происходит)...:(

фрагмент кода:

<ul class="nav">
                <li class="nav-one"><a href="#easyfly" class="current"><img  id="my_image1" class="img-responsive" src="images/transfer-easyfly-logo.png"></a></li>
                <li class="nav-two"><a  href="#goodfly"><img id="my_image2" src="images/transfer-goodfly-logo.png"></a></li>
                <li class="nav-three"><a href="#bizfly"><img d="my_image3" src="images/transfer-bizfly-logo.png"></a></li>
                
            </ul>

написал такой код:

if ( $("a").hasClass("current")) {
    $("#my_image1").attr("src","images/transfer-easyfly-logo-active.png");
	$("#my_image2").attr("src","images/transfer-goodfly-logo-active.png");
	$("#my_image3").attr("src","images/transfer-bizfly-logo-active.png");
}

не получается, меняет на всегда...
помогите, пожалуйста!
спасибо....