Partial Views 가 다시 그려졌을때 이벤트 발생안하는 문제 해결

아래 코드는 최초 페이지가 로드 됐을때 한번만 클릭 이벤트가 발생하고 Partial view가 다시 그려진 이후 이벤트가 발생안함.

$('.likeabutton').click(function () {
    alert($(this)[0].text);
    var categoryName = $(this)[0].text;
    $.post('@Url.Action("category","Forum"', { categoryName: $(this)[0].text, page: "2" }).always(function () {
        $('.postlist').load("/Mpa/Forum/Category/" + categoryName+ "/page/1");
    });
});

아래 처럼 하면 Partial view가 다시 그려진 이후에도 계속 이벤트 발생.

 $(document).on("click", ".likeabutton", function(e) {
    alert($(this)[0].text);
    var categoryName = $(this)[0].text;
    $.post('@Url.Action("category","Forum"', { categoryName: $(this)[0].text, page: "2" }).always(function () {
        $('.postlist').load("/Mpa/Forum/Category/" + categoryName + "/page/1");
    });
});