Can we save the drawings?

//Problem: No user interaction causes no change to application
//Solution: When user interacts cause changes appropriately
var color = $(".selected").css("background-color");
var $canvas = $("canvas");
var context = $canvas[0].getContext("2d");
var lastEvent;
var mouseDown = false;

//When clicking on control list items
$(".controls").on("click", "li", function(){
  //Deselect sibling elements
  $(this).siblings().removeClass("selected");
  //Select clicked element
  $(this).addClass("selected");
  //cache current color
  color = $(this).css("background-color");
});


//save drawing
$("#saveDrawing").click(function () {
//Select the canvas with id of "canvas" and convert it into a data URL
//The MIME type supported by almost every browser in existence is PNG
//However, other MIME types may be available depending on the browser
    var dataURL = document.getElementById("canvas").toDataURL("image/png");
//Create new anchor element
    var imga = document.createElement("a");
//Make its href value be the data URL received from the canvas
   imga.href = dataURL;
//This sets the default filename
    imga.download = "myImage.png";
//Append the anchor to the body
   document.body.appendChild(imga);
//Activate its click function, which will activate the data URL and allow the user to save the image
    imga.click();

});

//When clicked reset the canvas back to an empy canvas 
$("#resetCanvas").click(function(){
        //Used the [0] to select the correct element in canvas
    context.clearRect(0,0, $canvas[0].width, $canvas[0].height); 
});


//On mouse events on the canvas
$canvas.mousedown(function(e){
  lastEvent = e;
  mouseDown = true;
}).mousemove(function(e){
  //Draw lines
  if(mouseDown) {
    context.beginPath();
    context.moveTo(lastEvent.offsetX, lastEvent.offsetY);
    context.lineTo(e.offsetX, e.offsetY);
    context.strokeStyle = color;
    context.lineWidth = 5;
    context.stroke();
    lastEvent = e;
  }
}).mouseup(function(){
  mouseDown = false;
}).mouseleave(function(){
  $canvas.mouseup();
});