title: jQuery mouseleave firing multiple times
body: <p>I have an svg container with multiple child  elements that I attached a jQuery event handler to (.mouseleave). It works, but every time it gets fired, the following execution it get fired multiple times... so, the first time mouseleave gets triggered, it fires once as expected, but the second time it fired twice, the third time three times, and so on. I have no idea what's causing this and wasn't able to find anything by googling. Here's a screenshot and the code:</p>
  
  <p><img src="https://i.stack.imgur.com/OiPy9.png" alt="enter image description here"><img src="https://i.stack.imgur.com/1GBe7.png" alt="enter image description here"></p>