to_do_app.js

//Nice to keep the html out of the Javascript file; 
.parents //This goes all the way up through the parents, we do no necessarily want to do this; 
closest //Lets you search up through the parents and stops as soon as it finds one; 
find //Searched through children; 
$task.fadeOut(function(){ //This is a call back and it waits until it fadesOut until in fadeIns again; 
   $task.appendTo('#completed');  
})

//A form by default has a method get and submits to the same URL that you are on; 

$('form.task_creator').on('submit', function(event){
  event.preventDefault(); //This stops the form being submitted, its capturing the event and doing nothing with it; 
  var $input = $('#new_task');
  var description = $input.val();
  $input.val('');
})

var jsTodoApp = {
  tasks: [],
  createTask: function(description){
    
  }
}

//jsTodoApp, jsTodoApp.tasks (initially return an empty array);
//Undefined is the same as Rubys nil; 
function beeGees(){
  
}

beeGees() //This will work because of JS hoisting, it takes all of the functions (written with the above syntax) and pulls them out of the page and takes them to the top; This is not the case if you use the following syntac:

var beeGees = function(){
  
}