index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>Persona Tests</title>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  <script src="https://login.persona.org/include.js"></script>
  <script type="text/javascript">
    $(function() {
      navigator.id.watch({
        loggedInUser: null,
        onlogin: function(assertion) {
          $.ajax({
            url: '/login',
            data: JSON.stringify({assertion: assertion}),
            type: 'POST',
            contentType: 'application/json; charset=UTF-8',
          });
        },
        onlogout: function() {}
      });

      $('#login').click(function() {
        navigator.id.request({siteName: 'Persona Tests'});
      });

      navigator.id.logout();
    });
  </script>
</head>
<body>
  <button id="login" type="button">Test Login</button>
</body>
</html>