text: 
  /* Todo - add delete individual kendama function through button click
   * first user story make the parent element dissappear
  */
  
  $("#gone").on("click", function(){
  
  	var parentelement = $(this).parent();
  
  	//use this to refer to current element
  	console.log("this is the parent ", parentelement);
  
  	//it's not logging the same thing but seems to target the same element
  	parentelement.fadeOut("slow", function(){
  		//should be the same element being removed
  		console.log("this is hopefully still the parent ", $(this) );
  
  		$(this).remove();	
  	});
  
  });
  
  
  //from the delete button, two levels up to target the kendama block
  $(".delete-ken").on("click", function(){
  
  	//pass id of kendama to delete
  	var ken_id = $(this).attr("id");
  
  	$.ajax({
  		type : "POST",
  		url : "/delete_kendama",
  		data: ken_id,
  		contentType: 'application/json;charset=UTF-8',
  		success: function(result) {
  			//can provided some type of message that says deleted kendama
  			console.log(result);
  			console.log("the id is ", ken_id);
  
  			//since I can grab the id
  			//some coersion here, will add a string and a number, we want string, id select
  			var kendama_block = $("#" + ken_id).parent().parent();
  
  			kendama_block.fadeOut("slow", function(){
  				$(this).remove();
  			});
  
  		},
  		error: function(){
  			console.log("hey error son");
  		}
  	});
  
  });
  
  