diff --git a/app/assets/javascripts/app/views/header_view.js b/app/assets/javascripts/app/views/header_view.js
index bb0643e75..821ec468d 100644
--- a/app/assets/javascripts/app/views/header_view.js
+++ b/app/assets/javascripts/app/views/header_view.js
@@ -36,7 +36,10 @@ app.views.Header = app.views.Base.extend({
   },
 
   toggleSearchActive: function(ev) {
-    $(ev.target).toggleClass('active', ev.type=='focusin');
+    // jQuery produces two events for focus/blur (for bubbling)
+    // don't rely on which event arrives first, by allowing for both variants
+    var is_active = (_.indexOf(['focus','focusin'], ev.type) != -1);
+    $(ev.target).toggleClass('active', is_active);
     return false;
   }
 });