binds the ie alert close link to a cookie that will be checked before showing the alert the next time

app/assets/javascripts/application.js

@@ -34,6 +34,7 @@ var initialize_modules = function() {
   App.LocationChanger.initialize();
   App.CheckAllNone.initialize();
   App.PreventDoubleSubmission.initialize();
+  App.IeAlert.initialize();
 };
 
 $(function(){

app/assets/javascripts/dropdown.js.coffee

@@ -1,4 +1,4 @@
 App.Dropdown =
 
   initialize: ->
-    $(document).foundation();
+    $(document).foundation()

app/assets/javascripts/ie_alert.js.coffee

@@ -0,0 +1,9 @@
+App.IeAlert =
+  set_cookie_and_hide: (event) ->
+    event.preventDefault()
+    $.cookie('ie_alert_closed', 'true', { path: '/', expires: 365 });
+    $('.ie-alert-box').remove()
+
+  initialize: ->
+    $('.ie-alert-box-close-js').on 'click', (event) ->
+      App.IeAlert.set_cookie_and_hide(event)

app/views/layouts/application.html.erb

@@ -23,9 +23,9 @@
       <%= render 'layouts/header' %>
 
       <!--[if lt IE 9]>
-      <% if browser.ie? %>
+      <% if browser.ie? && cookies['ie_alert_closed'] != 'true' %>
         <div data-alert class="alert-box info ie-alert-box">
-          <a href="#" class="close">&times;</a>
+          <a href="#" class="close ie-alert-box-close-js">&times;</a>
           <h2><%= t("layouts.application.ie_title") %></h2>
           <p>
             <%= t("layouts.application.ie",