jchris/index.html

## index.html
<!DOCTYPE html>
<html>
  <head><title>Tiny CouchApp</title></head>
  <body>
    <h1>Tiny CouchApp</h1>
    <form id="new_message">
      <label for="message">Message:</label>
      <input type="text" name="message" value="">
      <p><input type="submit" value="Save &rarr;"></p>
    </form>
    <ul id="messages"></ul>
  </body>
  <script src="/_utils/script/jquery.js"></script>
  <script src="/_utils/script/jquery.couch.js"></script>
  <script>
  $(function() {
    // make sure this matches the name of your database
    var db = $.couch.db("mydb");
    $("#new_message").submit(function() {
      // save the message to couchdb
      var doc = {}, input = $("input[name=message]", this);
      doc.message = input.val();
      doc.created_at = new Date();
      db.saveDoc(doc, {
        success : function(r) {
          input.val("");
        }
      });
      return false;
    });


    function redrawMessages() {
      // make sure this matches the name of your map view
      db.view("messages/by_time", {
        descending : true,
        success : function(resp) {
          var list = $("#messages");
          list.empty();
          resp.rows.forEach(function(row) {
            list.append($('<li/>').text(row.value));
          });
        }
      })
    };

    redrawMessages();

    var changeHandler = db.changes();
    changeHandler.onChange(redrawMessages);

  });
  </script>
</html>

## map.js
function(doc) {
  if (doc.created_at && doc.message) {
    emit(doc.created_at, doc.message);
  }
}
	<!DOCTYPE html>
	<html>
	<head><title>Tiny CouchApp</title></head>
	<body>
	<h1>Tiny CouchApp</h1>
	<form id="new_message">
	<label for="message">Message:</label>
	<input type="text" name="message" value="">
	<p><input type="submit" value="Save →"></p>
	</form>
	<ul id="messages"></ul>
	</body>
	<script src="/_utils/script/jquery.js"></script>
	<script src="/_utils/script/jquery.couch.js"></script>
	<script>
	$(function() {
	// make sure this matches the name of your database
	var db = $.couch.db("mydb");
	$("#new_message").submit(function() {
	// save the message to couchdb
	var doc = {}, input = $("input[name=message]", this);
	doc.message = input.val();
	doc.created_at = new Date();
	db.saveDoc(doc, {
	success : function(r) {
	input.val("");
	}
	});
	return false;
	});


	function redrawMessages() {
	// make sure this matches the name of your map view
	db.view("messages/by_time", {
	descending : true,
	success : function(resp) {
	var list = $("#messages");
	list.empty();
	resp.rows.forEach(function(row) {
	list.append($('<li/>').text(row.value));
	});
	}
	})
	};

	redrawMessages();

	var changeHandler = db.changes();
	changeHandler.onChange(redrawMessages);

	});
	</script>
	</html>
	function(doc) {
	if (doc.created_at && doc.message) {
	emit(doc.created_at, doc.message);
	}
	}