diff --git a/public/theme/js/main.js b/public/theme/js/main.js
index a5d8fa2..525e17f 100644
--- a/public/theme/js/main.js
+++ b/public/theme/js/main.js
@@ -1,12 +1,42 @@
 $(document).ready(function() {
+  /* code highlight */
   $('pre code').each(function(i, block) {
     hljs.highlightBlock(block);
   });
 
+  /* zerobin / radio 'source' autoswitch */
   $('#paste').on('change', function() {
     $('input[name=source]').val(['form']);
   });
   $('#upload').on('change', function() {
     $('input[name=source]').val(['file']);
   });
+
+  /* comments */
+  $('#comments').load('/comments/get', function() {
+    // handle 'add comment' button click
+    $('a#cadd').click(function(e) {
+      e.preventDefault();
+      var url = document.createElement('a');
+      url.href = window.location;
+      $(this).remove();
+      var form = $('<form method="POST" action="/comments/add" id="cadd">');
+      $(form).append('<hr />');
+      $(form).append('<textarea /><br />');
+      $(form).append('<input type="submit" value="Add">');
+      $(form).append('<input type="hidden" value="' + escape(url.pathname) + '" name="pageid">');
+      $(form).appendTo('#comments');
+      // form submit with ajax
+      $('#comments form').submit(function(e) {
+        e.preventDefault();
+        var text = $('#comments textarea').val();
+        $.post('/comments/add', {
+          'pageid': escape(url.pathname),
+          'text':   text,
+        }, function() {
+          location.reload();
+        });
+      }); // form submit
+    }); // #cadd click
+  }); // #comments
 });