Добавить событие onclick для различных элементов на основе CSS-класса

У меня есть различные элементы на одной странице. Они используют один класс. Я хочу добавить событие onclick для всех этих элементов с помощью prototype.

Для id я могу сделать что-то вроде этого:

Event.observe(window, 'load',
   function() {
$('id_of_the_element').addEventListener('onclick',any_function,true);
  }
);

Это хорошо, если у нас есть id элемента. Я хочу сделать то же самое с использованием класса CSS, потому что все элементы используют один и тот же класс.

Обновление:

document.observe("dom:loaded", function() {
   $$('.message').invoke('observe', 'click', hide_all_messages)
});

function hide_all_messages()
{
$$('.message').hide();
}

Это не работает.

ошибка:

hide не является функцией