Ух, типичная ошибка, у вас смешался рендеринг на стороне сервера (из шаблона) и рендеринг на стороне браузера (javascript).
Самый простой выход из положения - держать id записей, и обновлять (и добавлять ) их через ajax.
<div id="zone_comm">
{% for comment in articles.comments.all %}
<div id="comment-{{ comment.id }}">
<div>{{ comment.created_date }}</div>
<strong>{{ comment.author }}</strong>
<p>{{ comment.text|linebreaks }}</p>
</div>
{% endfor %}
</div>
И JS (обратите внимание, шаблон сделан на основе литералов ECMA2015 - в обратных кавычках! )
....
function handleFormSuccess(data, textStatus, jqXHR){
$( "#zone_comm" ).append(
`
<div id="comment-${data.id }">
<div>${data.created_date}</div>
<strong>${data.author}</strong>
<p>${data.text}</p>
</div>
`
);
}
Или, вообще добалять их полностью через ajax...
