index.html.haml

:javascript
  $('.message').live('click', function(evt){
    var note = $(this).closest('.message'),
        note_id = note.attr('data-guid');

    if(note.hasClass('unread') ){
      note.removeClass('unread');
      $.ajax({
        url: 'notifications/' + note_id,
        type: 'PUT'
      });
    }
  });


.span-1
  = image_tag 'icons/mail_big.png', :height => 30, :width => 30, :style=>"margin-top:3px;"
.span-23.last
  %h2
    Notifications

.span-24.last
  %ul.stream.notifications
    - @group_days.each do |day, notes|
      %li
        %h4= day
        %ul.notifications_for_day
          - notes.each do |note|
            %li.message{:data=>{:guid => note.id}, :class => "#{note.unread ? 'unread' : ''}"}
              %span.from
                = link_to "#{note.person.name.titleize}", person_path(note.person)
                = object_link(note)

              %span.time= "#{t('ago', :time => time_ago_in_words(note.created_at))}"