diff --git a/static/js/todo_widget.js b/static/js/todo_widget.js
index 834f5d6613..e547db75c3 100644
--- a/static/js/todo_widget.js
+++ b/static/js/todo_widget.js
@@ -28,11 +28,12 @@ exports.task_data_holder = function () {
 
     self.handle = {
         new_task: {
-            outbound: function (task) {
+            outbound: function (task, desc) {
                 const event = {
                     type: 'new_task',
                     key: my_idx,
                     task: task,
+                    desc: desc,
                     completed: false,
                 };
                 my_idx += 1;
@@ -46,10 +47,12 @@ exports.task_data_holder = function () {
             inbound: function (sender_id, data) {
                 const idx = data.key;
                 const task = data.task;
+                const desc = data.desc;
                 const completed = data.completed;
 
                 const task_data = {
                     task: task,
+                    desc: desc,
                     user_id: sender_id,
                     key: idx,
                     completed: completed,
@@ -126,12 +129,14 @@ exports.activate = function (opts) {
             e.stopPropagation();
             elem.find(".widget-error").text('');
             const task = elem.find("input.add-task").val().trim();
+            const desc = elem.find("input.add-desc").val().trim();
 
             if (task === '') {
                 return;
             }
 
             elem.find(".add-task").val('').focus();
+            elem.find(".add-desc").val('').focus();
 
             const task_exists = task_data.check_task.task_exists(task);
             if (task_exists) {
@@ -139,7 +144,7 @@ exports.activate = function (opts) {
                 return;
             }
 
-            const data = task_data.handle.new_task.outbound(task);
+            const data = task_data.handle.new_task.outbound(task, desc);
             callback(data);
         });
     }
diff --git a/static/styles/widgets.scss b/static/styles/widgets.scss
index e27a34a04d..076d93df07 100644
--- a/static/styles/widgets.scss
+++ b/static/styles/widgets.scss
@@ -85,6 +85,7 @@ img.task-completed {
 input,
 button {
     &.add-task,
+    &.add-desc,
     &.poll-option,
     &.poll-question {
         padding: 4px 6px;
@@ -94,6 +95,7 @@ button {
 
 button {
     &.add-task,
+    &.add-desc,
     &.poll-option,
     &.poll-question {
         border-radius: 3px;
diff --git a/static/templates/widgets/todo_widget.hbs b/static/templates/widgets/todo_widget.hbs
index b2fd3b7ee2..a46a8a578a 100644
--- a/static/templates/widgets/todo_widget.hbs
+++ b/static/templates/widgets/todo_widget.hbs
@@ -2,6 +2,7 @@
     <h4>Task list</h4>
     <div class="add-task-bar">
         <input type="text" class="add-task" placeholder="{{t 'New task'}}" />
+        <input type="text" class="add-desc" placeholder="{{t 'Description'}}" />
         <button class="add-task">{{t "Add task" }}</button>
         <div class="widget-error"></div>
     </div>