diff --git a/example/frontend/templates/article/details.html b/example/frontend/templates/article/details.html
index 791a51f..dee9767 100644
--- a/example/frontend/templates/article/details.html
+++ b/example/frontend/templates/article/details.html
@@ -8,6 +8,31 @@
 
 {% block scripts %}{{ block.super }}
     <script type="text/javascript" src="{{ STATIC_URL }}fluent_comments/js/ajaxcomments.js"></script>
+    <script type="text/javascript">
+        var updateCommentsCount = function updateCommentsCount($) {
+            if ($ !== null) {
+                $.fn.ready(function () {
+                    $(document).on('ajaxComplete', function () {
+                      var $comments = $('#comment_count');
+                      if ($comments) {
+                        var currentCountStr = $comments.html().toString().split(' ');
+                        var currentCount = parseInt(currentCountStr[0], 10);
+                        var commentCount = $('.comment-item').length;
+                        if (currentCount !== commentCount) {
+                          currentCountStr[0] = commentCount.toString();
+                          $comments.html(currentCountStr.join(' '));
+                        }
+                        return true;
+                      }return false;
+                    });
+                });
+            }
+        };
+
+        (function ($) {
+            updateCommentsCount($);
+        })(window.jQuery);
+    </script>
 {% endblock %}
 
 {% block main %}
@@ -33,7 +58,7 @@ <h1>{{ article.title }}</h1>
 
   <div id="comments-wrapper">
     {% if comments_count %}
-    <h3 class="has-comments-title">{% blocktrans with entry_title=article.title count comments_count=comments_count %}{{ comments_count }} comment to {{ entry_title }}{% plural %}{{ comments_count }} comments to {{ entry_title }}{% endblocktrans %}</h3>
+    <h3 id="comment_count" class="has-comments-title">{% blocktrans with entry_title=article.title count comments_count=comments_count %}{{ comments_count }} comment to {{ entry_title }}{% plural %}{{ comments_count }} comments to {{ entry_title }}{% endblocktrans %}</h3>
       {% render_comment_list for object %}
 
       {% if not article|comments_are_open %}
diff --git a/example/frontend/templates/base.html b/example/frontend/templates/base.html
index 41edae0..77f7890 100644
--- a/example/frontend/templates/base.html
+++ b/example/frontend/templates/base.html
@@ -10,9 +10,6 @@
     <title>{% block headtitle %}{% endblock %}</title>
     <link rel="stylesheet" href="{{ STATIC_URL }}vendor/bootstrap.css" type="text/css" />
     {% block extrahead %}{% endblock %}
-    {% block scripts %}
-    <script type="text/javascript" src="{{ STATIC_URL }}vendor/jquery-2.2.0.min.js"></script>
-    {% endblock %}
   </head>
 
   <body id="{% block bodyid %}{% endblock %}" class="{% block bodyclass %}{% endblock %}">
@@ -39,5 +36,8 @@
           {% block main %}{% endblock %}
         </div>
       </section>
+      {% block scripts %}
+           <script type="text/javascript" src="{{ STATIC_URL }}vendor/jquery-2.2.0.min.js"></script>
+      {% endblock %}
   </body>
 </html>
