diff --git a/accounts/static/accounts.js b/accounts/static/accounts.js
new file mode 100644
index 0000000..d2e1d36
--- /dev/null
+++ b/accounts/static/accounts.js
@@ -0,0 +1,14 @@
+/*global $ */
+
+var initialize = function (navigator) {
+    $('#id_login').on('click', function() {
+        navigator.id.request();
+    });
+};
+
+window.Superlists = {
+    Accounts: {
+        initialize: initialize
+    }
+};
+
diff --git a/accounts/static/tests/test.html b/accounts/static/tests/test.html
new file mode 100644
index 0000000..ca716eb
--- /dev/null
+++ b/accounts/static/tests/test.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Javascript tests</title>
+    <link rel="stylesheet" href="../../../superlists/static/tests/qunit.css">
+</head>
+
+<body>
+    <div id="qunit"></div>
+    <div id="qunit-fixture">
+      <a id="id_login">Sign in</a>
+    </div>
+
+    <script src="http://code.jquery.com/jquery.min.js"></script>
+    <script src="../../../superlists/static/tests/qunit.js"></script>
+    <script src="../accounts.js"></script>
+    <script>
+/*global $, test, equal, sinon, Superlists */
+
+test("initialize binds sign in button to navigator.id.request", function() {
+    var requestWasCalled = false;
+    var mockRequestFunction = function() { requestWasCalled = true; };
+    var mockNavigator = {
+        id: {
+            request: mockRequestFunction
+        }
+    };
+
+    Superlists.Accounts.initialize(mockNavigator);
+    equal(requestWasCalled, false, 'check request not called before click');
+    $('#id_login').trigger('click');
+    equal(requestWasCalled, true, 'check request called after click');
+});
+    </script>
+
+</body>
+</html>
diff --git a/lists/templates/base.html b/lists/templates/base.html
index c0e9aba..ad20416 100644
--- a/lists/templates/base.html
+++ b/lists/templates/base.html
@@ -37,7 +37,16 @@ <h1>{% block header_text %}{% endblock %}</h1>
       </div>
   </div>
   <script src="http://code.jquery.com/jquery.min.js"></script>
+  <script src="https://login.persona.org/include.js"></script>
   <script src="/static/list.js"></script>
+  <script src="/static/accounts.js"></script>
+  <script>
+      /*global $, Superlists, navigator */
+    $(document).ready(function() {
+
+          Superlists.Accounts.initialize(navigator)
+    });
+  </script>
   </body>
 </html>
 
diff --git a/superlists/settings.py b/superlists/settings.py
index c8ec717..382c549 100644
--- a/superlists/settings.py
+++ b/superlists/settings.py
@@ -37,6 +37,7 @@
     'django.contrib.messages',
     'django.contrib.staticfiles',
     'lists',
+    'accounts',
 )
 
 MIDDLEWARE_CLASSES = (
