Улучшенный плейсхолдер

Реализуйте более удобный плейсхолдер-подсказку на JavaScript через атрибут data-placeholder.

Правила работы плейсхолдера:

Элемент изначально содержит плейсхолдер. Специальный класс placeholder придает ему синий цвет.
При фокусировке плейсхолдер показывается уже над полем, становясь "подсказкой".
При снятии фокуса, подсказка убирается, если поле пустое -- плейсхолдер возвращается в него.

Демо:

[iframe src="solution" height=100]

В этой задаче плейсхолдер должен работать на одном конкретном input. Подумайте, если input много, как здесь применить делегирование?