.on click button recreated each time called by function

.on click button recreated each time called by function

I have a function that creates multiple forms for a user input.  At the bottom is this jquery statement
$('#divID'.on('click', 'nextButton', function() {
then the code goes through the form and collects the selected values into a local variable array currentAnswers. THe outer function then pushes the data to another variable to store all the answers.  It seems the function was running twice which I noticed when the two sets of values were in currentAnswers- one set the selected answers and another the default.  I had someone else look at the code and they said because of how jquery works each time the button is created the prior event listener is also there causing two clicks (I never tested it beyond two forms).  He made some changes by adding a .off 'click' statement and a setTimeout.  I was wondering if there is a simple way to kill the event listen .on 'click' when the function using it is exited.  I hope this makes sense...