Javascript Events fire more than once

In most cases this has not been an issue for me so I have simply ignored it. But I am adding a Toggle Button and I need Javascript Events to only fire once.

So here is what is happening. When using a jquery function like this:

$(document).ready(function () {
  $(document).on("click", "#toggleclosedpackages", function () { 
    var state = $(this).val();
    console.log(state);
    });
  });

I will get two console log entrees.

Does anyone know what two events fire off?

Tony