index.html

<html>
<head>
<link rel="stylesheet" type="text/css" href="sled.css">
</head>
<body>

<div class='header'>
SLED
<button id='generate'>Generate</button>
</div>
<div class='gui' id='gui'>

	<div class='doc-root'>
	</div>

</div>

<div class='doc' id='doc'>

</div>

<script
  src="https://code.jquery.com/jquery-3.1.1.min.js"
  integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
  crossorigin="anonymous"></script>
<script src="sled-grammar.js"></script>  
<script src="sled.js"></script>  
<script>
$( document ).ready(function() {

	$('#generate').click(function() { SLED.generate( $('#gui'), $('#doc') ); } );
	
	SLED.render($('.doc-root'), 'root');
});
	
</script>  

</body>
</html>