selection-area | Simple JavaScript mouse & touch seletion area | Plugin library

I am learning javaScript/jQuery and all I want to do is use a loop to put a few pictures on the screen and set a counter that increases each time, the picture is clicked. From other stackoverflow questions, I learned that for dynamically added DOM-Elements I cannot use jQuery's .click() but should rather use .on('Click','selector','function'). But that doesn't fix it.

For me the code WITHIN the listner is excercised once (I.e. the counter for each dogs is set to 1) and then a click on a picture yields:

More fun: I am trying to pass the values after the on_release event is registered using a rectangle patch (with fixed width).

Everything is working as desired, except I cannot get the values to pass to the desired test function print_me (unless I am doing something completely inane).

Also, I am trying to set the values via text at the y-vertices after on_release happens, but again, no luck.

Ideally, I would like to have 2-draggable horizontal lines, but I think this would work.

My test code is: