theycallmeswift/index.html

## index.html
<html>
  <head>
    <title>Foo</title>
  </head>
  <body>
    <ul class="slider">
    </ul>

    <script src="js/jquery-2.0.3.min.js"></script>
    <script src="js/handlebars.js"></script>
    <script id="entry-template" type="text/x-handlebars-template">
      <li id="{{ id }}">
        <div class="poll">
          <h1>{{ question }}</h1>
          <a href="#yes">Yes</a>
          <a href="#no">No</a>
          <div class="container"></div>
        </div>
      </li>
    </script>
    <script>

      function generateQuestion(id, question) {
        var source   = $("#entry-template").html();
        var template = Handlebars.compile(source);
        var context = { id: id, question: question }
        var html    = template(context);

        $(".slider").append(html);
        $("#" + id + " .container").highcharts();
      }

      generateQuestion(1, "What is your name?");
      generateQuestion(2, "SOme other question?");

    </script>
  </body>
</html>
	<html>
	<head>
	<title>Foo</title>
	</head>
	<body>
	<ul class="slider">
	</ul>

	<script src="js/jquery-2.0.3.min.js"></script>
	<script src="js/handlebars.js"></script>
	<script id="entry-template" type="text/x-handlebars-template">
	<li id="{{ id }}">
	<div class="poll">
	<h1>{{ question }}</h1>
	<a href="#yes">Yes</a>
	<a href="#no">No</a>
	<div class="container"></div>
	</div>
	</li>
	</script>
	<script>

	function generateQuestion(id, question) {
	var source = $("#entry-template").html();
	var template = Handlebars.compile(source);
	var context = { id: id, question: question }
	var html = template(context);

	$(".slider").append(html);
	$("#" + id + " .container").highcharts();
	}

	generateQuestion(1, "What is your name?");
	generateQuestion(2, "SOme other question?");

	</script>
	</body>
	</html>