jhickman/gist:8810962

## gistfile1.html
<body>
  <div class='outer'></div>

  <script>
  var outer = document.querySelector('.outer');

  var b = document.createElement('BUTTON');
  // setup event handlers
  b.innerHTML = "Click me";


  function generateTheHtml() {
    return'<div class="one"><div class="two">inside</div></div>';
  }

  function refreshIt() {
    while(outer.hasChildNodes()) {
      outer.removeChild(outer.lastChild);
    }
    outer.innerHTML = generateTheHtml();
    outer.querySelector('.two').appendChild(b);
  }

  // add for first time
  refreshIt();

  // later, when needed, run again
  refreshIt();

  </script>
</body>
</html>
	<body>
	<div class='outer'></div>

	<script>
	var outer = document.querySelector('.outer');

	var b = document.createElement('BUTTON');
	// setup event handlers
	b.innerHTML = "Click me";


	function generateTheHtml() {
	return'<div class="one"><div class="two">inside</div></div>';
	}

	function refreshIt() {
	while(outer.hasChildNodes()) {
	outer.removeChild(outer.lastChild);
	}
	outer.innerHTML = generateTheHtml();
	outer.querySelector('.two').appendChild(b);
	}

	// add for first time
	refreshIt();

	// later, when needed, run again
	refreshIt();

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