ваш пример работает нормально, но ваш выбор, куда помещается текст, не имеет высоты, поэтому он просто занимает 0px.Вот почему вы не видите преобразующий текст.Просто определите высоту, и вы сможете увидеть ее.

Кстати: спасибо за ссылку, это выглядит интересно.