delegated-event-handler-is-working-more-than-once-for-same-class

HTML

<img id="treegrid-1" class="edit_agent_val" src="http://demosthenes.info/assets/svg/twitter-icon.svg" data-user="Player" data-name="pessimist">
<img id="treegrid-2" class="edit_agent_val" src="http://demosthenes.info/assets/svg/twitter-icon.svg" data-user="Player" data-name="Naugahyde">
<img id="treegrid-3" class="edit_agent_val" src="http://demosthenes.info/assets/svg/twitter-icon.svg" data-user="Player" data-name="lemma">
<img id="treegrid-4" class="edit_agent_val" src="http://demosthenes.info/assets/svg/twitter-icon.svg" data-user="Player" data-name="rackoz">

CSS

.edit_agent_val {
    width: 150px;
    height:auto;
}

JavaScript

jQuery(document).ready(function($) {
     $(document).on('click', '.edit_agent_val', function() {    
         //console.log( "clicked on " + $(this).attr('id') );
         alert("sdsdsd");
     });
});