Auraelius/glossary_1.html

## glossary_1.html
<html>
  <head>
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
    <style>
      body {
        font-family: "Open Sans", sans-serif;
        }
    </style>
  </head>

  <body>
    <h1>Glossary</h1>
    <h2>Word List</h2>
    <dl id="wordList"></dl>

    <script>
      $(document).ready( function(){
        displayDictionary();
      });

      function displayDictionary(){
        var d = initDictionary();
        $wordList = $('#wordList');
        $wordList.html(" ");
        $.each(d, function(index, entry){
          $wordList.append("<dt>" + entry.word + "</dt><dd>" + entry.definition + "</dd>");
        });
      }

      function initDictionary(){
        var defaultDictionary = [
            {word: "foo", definition: "See 'bar'"},
            {word: "bar", definition: "See 'foo'"}
          ];
          return(defaultDictionary);
      }
    </script>
  </body>
</html>
	<html>
	<head>
	<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
	<style>
	body {
	font-family: "Open Sans", sans-serif;
	}
	</style>
	</head>

	<body>
	<h1>Glossary</h1>
	<h2>Word List</h2>
	<dl id="wordList"></dl>

	<script>
	$(document).ready( function(){
	displayDictionary();
	});

	function displayDictionary(){
	var d = initDictionary();
	$wordList = $('#wordList');
	$wordList.html(" ");
	$.each(d, function(index, entry){
	$wordList.append("<dt>" + entry.word + "</dt><dd>" + entry.definition + "</dd>");
	});
	}

	function initDictionary(){
	var defaultDictionary = [
	{word: "foo", definition: "See 'bar'"},
	{word: "bar", definition: "See 'foo'"}
	];
	return(defaultDictionary);
	}
	</script>
	</body>
	</html>