Why does it fire twice when using click with on()?

Question

JavaScript

$(document).on("click", "#button", function(){
  alert("alert");
});

There is such a code, when you click on #button alert is displayed twice.

Answer 1

I think this is the reason .

Answer 2

https://codepen.io/anon/pen/EpVQmB 1 time output