Потом, логично создать функцию рисования самой линии. Объявив ее вне секции
$(document).ready(function() {...
А уже в
$(document).ready(function() {... мы ее вызываем.
function drowLine(x_first, y_first, x_second, y_second) {
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.moveTo( x_first, y_first );
ctx.lineTo( x_second, y_second );
ctx.stroke();
}