There is such a markup
Span displays the square, and under it is input. Direct one under the other, so if we direct the inspector square on the displayed span.
Question: if I put the click handler on the ul, and I'll see what I have in event.target, and when you click on the square I'll have to see the headline? And not be able to occur the second the click event on the input? And if so how?