Draw a line with two mouse clicks in canvas using Jquery
===

I have already seen this question

> http://stackoverflow.com/questions/6035764/draw-a-line-with-two-mouse-clicks-on-html5-canvas

What I want to achieve is practically the same, but using Jquery. 

I have currently tried [this][1], but I guess I can't use two nested click events.


Also when I put some static values in `lineTo()`, I get [this][2], which recognizes the coordinates for the second point, thus drawing the line, even though it is useless if the user doesn't set by themselves the second point.


  [1]: http://jsfiddle.net/nCFPy/
  [2]: http://jsfiddle.net/9jPKb/