dce/todo_keyval.html Secret

## todo_keyval.html
<html>
  <head>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script>google.load("jquery", "1.4.2");</script>

    <script>
      $(document).ready(function() {
        var $list = $("#items li");

        var loadItems = function() {
          $.each(localStorage['items'].split('\n'), function() {
            $list.append("<li>" + this + "</li>");
          });
        }

        if (localStorage['items']) {
          loadItems();
        } else {
          localStorage['items'] = "";
        }

        $("#new-todo").submit(function() {
          localStorage['items'] += "\n" + $("#new-todo-text").val();
          return false;
        });
      });
    </script>
  </head>
  <body>
    <h1>HTML5 Test</h1>

    <ul id="items">
      <li>WHOA</li>
    </ul>

    <form id="new-todo">
      <input type=text id="new-todo-text" />
    </form>
  </body>
</html>
	<html>
	<head>
	<script type="text/javascript" src="http://www.google.com/jsapi"></script>
	<script>google.load("jquery", "1.4.2");</script>

	<script>
	$(document).ready(function() {
	var $list = $("#items li");

	var loadItems = function() {
	$.each(localStorage['items'].split('\n'), function() {
	$list.append("<li>" + this + "</li>");
	});
	}

	if (localStorage['items']) {
	loadItems();
	} else {
	localStorage['items'] = "";
	}

	$("#new-todo").submit(function() {
	localStorage['items'] += "\n" + $("#new-todo-text").val();
	return false;
	});
	});
	</script>
	</head>
	<body>
	<h1>HTML5 Test</h1>

	<ul id="items">
	<li>WHOA</li>
	</ul>

	<form id="new-todo">
	<input type=text id="new-todo-text" />
	</form>
	</body>
	</html>