Почему не определяет по data?

<div id="bg">
    	<div class="cd-member-bio member-1">
        	<a data-type="gall-1"><div  class="proektimg" id="p1"></div></a>
    	</div>
        <div class="cd-member-bio member-2">
        	<a data-type="gall-2"><div  class="proektimg" id="p2"></div></a>
    	</div>

<div id="bg2">
       <div class="gallery gall-2"></div>
</div>

$('#bg').find('a').on('click', function(event){
		event.preventDefault();
		var selected_gall = $(this).data('type');
		$('.gallery.'+selected_gall+'').addClass('slide-in');
		$('#fonbg').addClass('one');
});