How to Make Animating float labels using jQuery and CSS3?

Float labels are cool for small screens and can be awesomely animated by breaking down the labels into individual characters and then playing around with it.

In this walkthrough, when the user focuses on an input field individual letters are animated into an HTML fieldset like feel using jQuery.