diff --git a/src/resources/templates/summary.html b/src/resources/templates/summary.html
index cf1596c..1324ec1 100644
--- a/src/resources/templates/summary.html
+++ b/src/resources/templates/summary.html
@@ -4,6 +4,6 @@
 <hr>
 <div class="inner">
     <ul class="articles">
-        <li class="article open-readme" data-article="README.md"><span class="chapter-title">Introduction</span>
+        <li class="article open-readme active" data-article="README.md"><span class="chapter-title">Introduction</span>
     </ul>
 </div>
\ No newline at end of file
diff --git a/src/views/summary.js b/src/views/summary.js
index d567119..b1c6609 100644
--- a/src/views/summary.js
+++ b/src/views/summary.js
@@ -29,6 +29,9 @@ define([
     var Summary = hr.View.extend({
         className: "summary",
         template: templateFile,
+        events: {
+            "click .open-readme": "openReadme"
+        },
 
         initialize: function() {
             Summary.__super__.initialize.apply(this, arguments);
@@ -81,6 +84,14 @@ define([
             .then(function() {
                 return that.load();
             });
+        },
+
+        /*
+         * Open README.md introduction
+         */
+        openReadme: function(e) {
+            if (e) e.preventDefault();
+            this.parent.openReadme();
         }
     });