diff --git a/site/css/main.css b/site/css/main.css
index 1098db3..468e8a4 100644
--- a/site/css/main.css
+++ b/site/css/main.css
@@ -97,6 +97,11 @@ header #signout:active {
 }
 
 /* line 84, ../src/main.scss */
+input#addtasktextfield.inactive {
+  color: #CCC;
+}
+
+/* line 88, ../src/main.scss */
 input#addtasktextfield {
   border: 1px solid #C4C4C4;
   height: 40px;
@@ -105,11 +110,11 @@ input#addtasktextfield {
   font-size: 16px;
   font-weight: bold;
   padding-left: 10px;
-  color: #CCC;
+  color: #333;
   width: 420px;
 }
 
-/* line 96, ../src/main.scss */
+/* line 100, ../src/main.scss */
 #addtaskbutton {
   background: url("/img/addtaskbuttonbackground.jpg");
   border: 1px solid #2f53cd;
@@ -129,19 +134,19 @@ input#addtasktextfield {
   font-weight: bold;
 }
 
-/* line 109, ../src/main.scss */
+/* line 113, ../src/main.scss */
 #addtaskbutton:hover {
   background: url("/img/addtaskbuttonhoverbackground.jpg");
   cursor: pointer;
 }
 
-/* line 113, ../src/main.scss */
+/* line 117, ../src/main.scss */
 #addtaskbutton:active {
   background: url("/img/addtaskbuttonpushedbackground.jpg");
   cursor: pointer;
 }
 
-/* line 118, ../src/main.scss */
+/* line 122, ../src/main.scss */
 .item {
   font-size: 14px;
   border-top: 1px solid #EEE;
@@ -150,25 +155,25 @@ input#addtasktextfield {
   padding-left: 20px;
 }
 
-/* line 125, ../src/main.scss */
+/* line 129, ../src/main.scss */
 .item.first {
   border-top: 1px solid #DDD;
 }
 
-/* line 128, ../src/main.scss */
+/* line 132, ../src/main.scss */
 .item label {
   margin-left: 10px;
   padding-left: 0;
 }
 
-/* line 129, ../src/main.scss */
+/* line 133, ../src/main.scss */
 .item.done {
   opacity: 0.2;
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
 }
 
-/* line 132, ../src/main.scss */
+/* line 136, ../src/main.scss */
 #webpageinfo {
   font-size: 10px;
   color: #CCC;
diff --git a/site/index.html b/site/index.html
index 00db6f9..264ae12 100644
--- a/site/index.html
+++ b/site/index.html
@@ -32,7 +32,6 @@
 
   <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
   <script src="js/libs/modernizr-1.7.min.js"></script>
-  <script src="js/todo.js"></script>
 
 </head>
 
@@ -47,7 +46,7 @@
           <h1>My todo list for today</h1>
           <div id="mainblock">
               <div id="task">
-                  <input id="addtasktextfield" name="addtasktextfield" type="text" value="Add a task..."></input>
+                  <input id="addtasktextfield" name="addtasktextfield" type="text" value="Add a task..." class="inactive"></input>
                   <input type="button" id="addtaskbutton" name="addtaskbutton" value="Add Task"></input>
               </div>
               <div id="todolist">
@@ -96,7 +95,7 @@
 
   <!-- scripts concatenated and minified via ant build script-->
   <script src="js/plugins.js"></script>
-  <script src="js/script.js"></script>
+  <script src="js/todo.js"></script>
   <!-- end scripts-->
 
 
diff --git a/site/js/script.js b/site/js/script.js
deleted file mode 100644
index 750842e..0000000
--- a/site/js/script.js
+++ /dev/null
@@ -1,26 +0,0 @@
-/* Author: 
-
-*/
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/site/js/todo.js b/site/js/todo.js
new file mode 100644
index 0000000..550aa96
--- /dev/null
+++ b/site/js/todo.js
@@ -0,0 +1,23 @@
+/* Author: Yann Esposito */
+
+/* Functions for autoclear input textfields */
+function clear() {
+    this.value='';
+    this.select();
+    $(this).removeClass('inactive');
+}
+function inputDefaultValue(o,defaultValue) {
+    if (o.value == '') {
+        o.value=defaultValue; 
+        $(o).addClass('inactive')
+    }
+}
+function autoclear(id, defaultValue) {
+    $('#'+id).click( clear );
+    $('#'+id).focus( clear );
+    $('#'+id).blur( function() { inputDefaultValue(this,defaultValue) } );
+}
+
+$(document).ready( function() {
+    autoclear('addtasktextfield','Add a task...');
+});
diff --git a/site/src/main.scss b/site/src/main.scss
index cbfa625..b704e10 100644
--- a/site/src/main.scss
+++ b/site/src/main.scss
@@ -81,6 +81,10 @@ header #signout:active {
     background-image: url('/img/addtaskbackground.jpg');
 }
 
+input#addtasktextfield.inactive {
+    color: #CCC;
+}
+
 input#addtasktextfield {
     border: 1px solid #C4C4C4;
     height: 40px;
@@ -89,7 +93,7 @@ input#addtasktextfield {
     font-size: 16px;
     font-weight: bold;
     padding-left: 10px;
-    color: #CCC;
+    color: #333;
     width: 420px;
 }