How to animate handwriting text on the web page using SVG?

I am trying to animate a text that I created and saved as SVG. So far I was able to animate the stroke only, but it is not what I am trying to achive. Here is the link to the example what I need:

[http://codepen.io/se7ensky/pen/waoMyx][1]

[Handwritting animation][1]

I will really appreciate if some one can explain how I Can implement this.

Here is what I have so far:

  [my hand writting animation][1]