Fix a bug where the footer of the first stamps page does not seem to be
fixed when transition onto the page.
Add smiley as an avatar placeholder in new student page.
Remove display name input.
Add count bubble for unused stamps.
Decide not to use avatar in stamps page so it is easy to implement.
Manually hide and show header to simulate persistent header during
stamps page transition.
Trim smiley face.
Add statusbar plugin to enable the ios system statusbar to show above
the phonegap webview instead of overlay on top of it.
Redesign header bar in stamps page. Now it consolidates more info and
remove the need of infos in footer bar.

The toolbar should be concise. A practical rule may be never make them
multi-lines.
Now prefer to use script wide variable to capture data instead of DOM. A
students list is now kept. This enables easy update to unused count in
stamps page.
Checkmarks on stamps is now persistent on database level.
Add top up dialog page. It is only visual now, does not do anything yet.
Thinking about merge two stamps pages and replace them with one stamps
page and two divs.
The topup dialog now functions and persists on database level.
Fix a bug where the current student's total and unused count is not
correctly reset if the operation is cancelled.

jQuery mobile enhances DOM and the enhanced method cannot be used before
an element is enhanced. This creates some issue when sync slider widgets
when one is enhanced and the other is not and later both of them are
enhanced. Can used the data method to check if an element is enhanced,
e.g. data("moible-slider").
Will look into merge the two stamps page by using two divs and animate
the transition manually later. But it is not current priority as the
changes may not be very straightforward and the current code achieves a
similar effect albeit with ulgy code.