fixed a few bugs including the itemId

css/screen.css

@@ -215,7 +215,7 @@ em {
 	font-style: italic;
 }
 
-button {
+input[type=submit], button {
 	background: #4a6c9b;
 	background: -webkit-gradient(linear, left top, left bottom, from(#8ea4c1), to(#4a6c9b));
 	background: -moz-linear-gradient(top, #8ea4c1, #4a6c9b);
@@ -231,7 +231,7 @@ button {
 	cursor: pointer;
 }
 
-button:hover, button:focus {
+input[type=submit]:hover, input[type=submit]:focus, button:hover, button:focus {
 	background: #4a6c9b;
 	background: -webkit-gradient(linear, left bottom, left top, from(#8ea4c1), to(#4a6c9b));
 	background: -moz-linear-gradient(top, #8ea4c1, #4a6c9b);

index.html

@@ -42,11 +42,11 @@
 		<button type="button" id="aboutButton">About</button>
 		<h1>monkeeTime</h1>
 
-		<form id="logForm" onsubmit="addNewItem()">
-			<input type="text" name="name" id="name" autocorrect placeholder="Project Name">
-			<input type="number" name="hours" id="hours" placeholder="Hours">
-			<input type="text" name="date" id="date" placeholder="Date">
-			<button type="button">Log Time</button>
+		<form id="logForm">
+			<input type="text" name="project" id="project" value="Project Name">
+			<input type="number" name="hours" id="hours" value="Hours">
+			<input type="text" name="date" id="date" value="Date">
+			<input type="submit" value="Log Time">
 		</form>
 	</header>
 

scripts/monkeeTime.js

@@ -22,12 +22,13 @@ $(document).ready(function() {
 		getAllItems();
 
 		$("#logForm").submit(function(){
-			var itemId = localStorage.length+1;
+			var newDate = new Date();
+			var itemId = newDate.getTime();
 
 			var values = new Array();
-			var name = $("#name").val();
-			var hours = $("#hours").val();
-			var date = $("#date").val();
+			var name = $("input[name='project']").val();
+			var hours = $("input[name='hours']").val();
+			var date = $("input[name='date']").val();
 
 			//strip html tags.
 			name = name.replace(/(<([^>]+)>)/ig, "");