main.js

$(document).ready(function() {
  
  $("div.button").hover(function() {
    
  });
  //$(this).toggleClass("button-hover");
  // Start: Title button's functionality
	
  
  $('#title-form .button').click(function() {
  var title = $("#title-input").val();

  $(".list-title").text(title);
});


  
  
  // End

  // Start: Item button's functionality
	
  
  $("#item-form .button").click(function() {
   var itemText = $("#item-input").val();
	
  
  var $item = $('<li><span>' + itemText + '</span><i class="glyphicon glyphicon-remove"></i></li>');
  
    
  $(".list").append($item);

    
    $("#item-input").val("");
  });
  
  $("h1").css('text-align', 'center');
  // End
  
});