diff --git a/js/examples/button/index.html b/js/examples/button/index.html
new file mode 100644
index 0000000..dd023f4
--- /dev/null
+++ b/js/examples/button/index.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Syndicate: Button Example</title>
+    <meta charset="utf-8">
+    <link href="style.css" rel="stylesheet">
+    <script src="../../third-party/jquery-2.2.0.min.js"></script>
+    <script src="../../dist/syndicatecompiler.js"></script>
+    <script src="../../dist/syndicate.js"></script>
+    <script type="text/syndicate-js" src="index.js"></script>
+  </head>
+  <body>
+    <h1>Button Example</h1>
+    <button id="counter"><span id="button-label"></span></button>
+    <p>
+      Source code: <a href="index.js">index.js</a>
+    </p>
+  </body>
+</html>
diff --git a/js/examples/button/index.js b/js/examples/button/index.js
new file mode 100644
index 0000000..b4bda3c
--- /dev/null
+++ b/js/examples/button/index.js
@@ -0,0 +1,19 @@
+assertion type DOM(containerSelector, fragmentClass, spec);
+assertion type jQuery(selector, eventType, event);
+
+$(document).ready(function() {
+  ground network {
+    Syndicate.DOM.spawnDOMDriver();
+    Syndicate.JQuery.spawnJQueryDriver();
+
+    actor {
+      this.counter = 0;
+      forever {
+        assert DOM('#button-label', '', Syndicate.seal(this.counter));
+        on message jQuery('#counter', 'click', _) {
+          this.counter++;
+        }
+      }
+    }
+  }
+});
