Проблема с обратной передачей JQuery Async, как это исправить?

У меня есть следующий код JQuery, который выполняет аналогичные функции, такие как Stackoverflow, где пользователь нажимает ссылку на комментарий и отображает комментарии или в этом случае отвечает на обновление статуса члена, как правило, он отлично работает, за исключением случаев, когда член публикует новое обновление статуса, которое обновляет список обновлений статуса с помощью асинхронной обратной передачи ajax в ASP.net MVC.

Что происходит, если вы нажимаете на новый элемент в списке, он переносит их на новую страницу вместо того, чтобы делать то, что должен делать JQuery.

<script type = "text/javascript">

    $(function() {
        $("a[id ^='commentLink-']").click(function() {
            match = this.id.match(/commentLink-(\d+)/);
            container = $("div#commentContainer-" + match[1])
            container.toggle();

            if (container.is(":visible")) {
                container.load($(this).attr("href"));
            } else {
                container.html("Loading...");
            }
            return false; //Prevent default action
        });
    });
</script>

Примечание: Я думаю, что причиной этого является тот факт, что новый элемент в списке на самом деле отсутствует на странице, поскольку список был обновлен с помощью ajax, поэтому новый html отсутствует до тех пор, пока страница не будет обновлена.

Обновлять Хорошо, как мне использовать эту функциональность в реальном времени / событии, о которой Паоло Бергантино говорил в своем ответе, для запуска ASP.net MVC ActionResult?