$(document).ready(function () {
  $('#new-message-button').click(function() {
    var message = $('#new-message-body').val();
    $('#new-message-body').val('');
    $('#conversation').append('<li class="message">\
    <a class="delete" href="#">Delete</a>\
    <h3 class="author">'+author()+'</h3>\
    <p class="message-body">'+message+'</p>\
    <span class="timestamp">'+getTime()+'</span>\
    </li>');
  });

  $("#new-message-body").keypress(function(e) {
    if(e.keyCode == 13){
      var message = $('#new-message-body').val();
      $('#new-message-body').val('');
      $('#conversation').append('<li class="message">\
      <a class="delete" href="#">Delete</a>\
      <h3 class="author">'+author()+'</h3>\
      <p class="message-body">'+message+'</p>\
      <span class="timestamp">'+getTime()+'</span>\
      </li>');
    }
  });

  $("#conversation").on("click", ".delete",function(){
      $(this).closest('.message').remove();
  });

  function getTime() {
    var time = new Date();
    var hour = time.getHours();
    var min = time.getMinutes();
    return time.getHours() + ':' + time.getMinutes();
  }
  var i = 0;
  function author() {
    var authors = ['Me', 'Myself', 'I'];
    var author = authors[i % 3];
    i ++;
    return author;
  }
});