$(document).on('click','a.list-group-item', function() {
// ...
});
Diğer bir yol ise
$.each(data, function(AcademicianView, depObj){
var $link =$( '<a href="javascript:void(0)" class="list-group-item"><span class="fa fa-circle text-info m-r-10"></span>'+depObj.department_name+'</a>');
$link.appendTo('#dep');
$link.on('click', function() {
// ...
});
});
Ayrıca şu kısımda
var $val = $(this).val();
$val değişkenini $ ile tanımlamazsanız daha iyi olur çünkü genellikle eğer değişken bir jQuery nesnesi olacaksa $ ile tanımlanır.
Bir de href="javascript:void(0)" şeklinde yazmak yerine href="#" yazarak preventDefault() da kullanabilirsiniz:
$(document).on('click','a.list-group-item', function(e) {
e.preventDefault();
// ...
});
// Mesela
$('#myform').on('submit', function(e) {
e.preventDefault();
var $frm = $(this);
var data = $frm.serialize() + '&addtionalParameter=1';
$frm.submit();
// yada $.ajax(...
});