The first step is to use jQuery to get the text of the template out of the DOM.
Now you will want to call the template function, pass in your data, and assign that to some HTML.
Finally, the last step is to use jQuery to copy the HTML back into your DOM element.
This above sequence of steps is what you need to do to turn your template text and content object into HTML code.
Take a look at a more complete example of how this works. First, look at all the and stylesheets you will need to bring in.
Inside the <body> tags you will see an empty <div>. You will soon push content inside this empty <div>. Below that is the actual template.
The last thing not pictured is the closing </script> tag. Do not forget that.
Pictured below is what the HTML page should look like. It is very simple, but the process learned in this post will allow you to make more complex webpages.