Not able to perform click event on <a> tag in dynamic table and not able to see the dynamically created table in view source
<code is used to disply table dynamically
$('#showAll').click(function(){
$('#empList tr').remove();
$('#empList').append("<tr><th>EmpID</th><th>EmpName</th><th>EmpSalary</th></tr>");
$.getJSON(rootURL, function(data) {
if(data.employee.length > 1){
for (var i in data.employee) {
$('#empList').append('<tr><td><a class="a" href="#" value="' + data.employee[i].empID + '">'+data.employee[i].empID+'</a></td><td> ' + data.employee[i].empName+ '</td><td> ' + data.employee[i].empSal+'</td></tr>');
}
}else{
$('#empList').append('<tr><td><a class="a" href="#" value="'+data.employee.empID+'">'+ data.employee.empID + '</a></td><td>' + data.employee.empName+ '</td><td>' + data.employee.empSal+'</td></tr>');
}
});
});
//code which is not working while performing click event on <a> tag
$('#empList a').click(function() {
alert("inr");
});