동적인 요소에 이벤트가 안먹습니다.

$("body").on('click', '.name a', function(e){
    e.preventDefault();
    alert('사용하셔도 가능합니다.');    
});
$(document).ready(function(){
//add
    $(".addFile").on("click", function(e){
        e.preventDefault();
        $("<tr><th>파일</th><td><input type='file' /></td></tr>").insertAfter(".list"); //다음
    });
    $(".addName").on("click", function(e){
        e.preventDefault();
        $("<tr><th>이름</th><td class='name'><span class='input'><input type='text' /></span><a href='#'>중복확인</a></td></tr>").insertBefore(".list"); //이전
    });
});

url : http://kimtaeyoung.co.kr/script/add/index.html

동적인 요소로 추가한 이름 항목에서 중복확인 버튼을 누르면 얼럿창이 뜨게 하고싶습니다

헌데 안뜨네요 

이유가 무얼까요 ? ㅜ