Lawnchair

<!DOCTYPE HTML>
<html lang="en-US">
<head>
  <meta charset="UTF-8">
  <title>test</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  <script src="Lawnchair.js"></script>
  <script src="adapters/dom.js"></script>

<body>
   <ul id="test">
   </ul>
   <script type="text/javascript">
       var test = Lawnchair({ name: 'test'}, function() {
                      var em = {
                           key : 1,
                           test1 : 'my first value',
                           test2 : 'my second value',
                           test3 : 'my third value'
                      }
                      var html = "<li>" + em.test1 + "</li>" + "<li>" + em.test2 + "</li>" + "<li>" + em.test3 + "</li>";
                      this.save( em, $('#test').append(html) );
                  });


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