diff --git a/src/main/resources/ui/sqlfiddle/www/index.html b/src/main/resources/ui/sqlfiddle/www/index.html
index 690c78b..ff97e6f 100644
--- a/src/main/resources/ui/sqlfiddle/www/index.html
+++ b/src/main/resources/ui/sqlfiddle/www/index.html
@@ -91,6 +91,8 @@
                             <img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" /></a>
 
                         </li>
+                        <li>
+                            <a id="collaborate" href="#"><i class="icon-user"></i>Collaborate</a>
 
                         <li class="optional">
                             <a href="about.html"><i class="icon-info-sign"></i>About</a>
@@ -322,5 +324,6 @@ <h3>Formatted Text Table to DDL</h3>
             var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
           })();
 </script>
+    <script src="https://togetherjs.com/togetherjs-min.js"></script>
   </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/src/main/resources/ui/sqlfiddle/www/javascript/main.js b/src/main/resources/ui/sqlfiddle/www/javascript/main.js
index 2f9b065..58f89a5 100644
--- a/src/main/resources/ui/sqlfiddle/www/javascript/main.js
+++ b/src/main/resources/ui/sqlfiddle/www/javascript/main.js
@@ -158,7 +158,12 @@ require([
         $('#fiddleFormDDL .CodeMirror, .ddl_actions').css('display', 'block');
         $('#browser, .browser_actions').css('display', 'none');
 
-    })
+    });
+    $("#collaborate").on('click', function(e) {
+        e.preventDefault();
+        TogetherJS(this);
+        return false;
+    });
 
 
     /* RESIZING UI*/