anchor.diff:                  var e_hour = myEvent["e_hour"];
                   var e_min = myEvent["e_min"];
                   var id = myEvent["id"];
  -                $('#eventByUser_table').append('<tr><td>' + activity + '</td>' + '<td>' + day + '</td>'+ '<td>' + s_hour + '</td>' + '<td>' + e_hour + '</td><td><button type="button" value = \"' + id + '\" onclick="cancelEvent(this)" class="btn btn-danger" id=deleteEvent> Cancel </button></td></tr>');
  +                $('#eventByUser_table').append('<tr><td>' + activity + '</td>' + '<td>' + day + '</td>'+ '<td>' + s_hour + ":"+ s_min + '</td>' + '<td>' + e_hour + ":" + e_min + '</td><td><button type="button" value = \"' + id + '\" onclick="cancelEvent(this)" class="btn btn-danger" id=deleteEvent> Cancel </button></td></tr>');
                   
                 }
       
               }
               
           });
  -
  -
           // Populate acivity dropdown
           $.ajax({
               //url: "https://"+window.location.host+"/rest/activity/",
  
positive.code: function submitData(){
          
          var eventData = {};
          var id = 1;
          eventData["activity"] = $('#activity')[0].value;
          eventData["s_hour"] = $('#s_hour')[0].value;
          eventData["s_min"] = $('#s_min')[0].value;
          eventData["e_hour"] = $('#e_hour')[0].value;
          eventData["e_min"] = $('#e_min')[0].value;
          eventData["day"] = $('#day')[0].value;
          eventData["id"] = id++;
          console.log(eventData["id"]);
  
          console.log(eventData);
        
          
          $.ajax({
                //url: "https://"+window.location.host+"/rest/event/",
                url: "/rest/event",
  
negative.code:               type: "DELETE",
                
                success: function(){
                    alert("Event Deleted");
                    
                }
              })
              
  