كيف أجعل الصورة تستجيب عند الضغط عليها عن طريق Jquery؟

لدي العديد من الصور التي أجلبها عن طريق حلقات التكرار على لغة php، بهذا الشكل:

<?php
    foreach($accountsArray as &$acc) {
        echo ('
            <!--<div class="col-md-2 col-sm-6">-->
                <img class="img-thumbnail account-img" src="https://twitter.com/'.$acc['screen_name'].'/profile_image?size=original" alt="Profile Image" id="img-'.$acc['screen_name'].'" />
            <!--</div>-->
        ');
    }
?>

أي أن وسم الصور سيكون على هذا النحو:

<img class="img-thumbnail account-img" src="https://twitter.com/BBCNews/profile_image?size=original" alt="Profile Image" id="img-BBCNews" />

وأريد عن طريق مكتبة Jquery أن أضيف تأثير عند الضغط على الصورة:

$('.account-img').each(function() {
    var id = $(this).attr('id').split('-');
    var name = id[1];
    $(this).on('click', function() {
        alert(name);
    });
});

وقد اضطررت لكتابة تنبيه alert حتى أحصل على استجابة، وأرى موضع الخطأ، لكن دون جدوى، فكيف اتمكن من فعل ذلك بشكل صحيح؟