Добавить класс кнопке при клике

В id="convert-json-to-html-tree-sets" подгружаю форму с инпутами и кнопками к каждому инпуту

<div id="ikz-settings-sets">
 <div id="convert-json-to-html-tree-sets"></div>

Есть подключаемый файл к странице с ф-цией генерации нужной структуры htmlдля id="ikz-settings-sets"

Сама ф-ция

     function convertJsonToHtmlTree_Sets(obj, typeOfDevice,
     nameOfKey,    initialMasDeviceSettings, ikz35Key) {
               var huck.push(nameOfKey + key);
   var str = str +'<input id="' + nameOfKey + key + '"  >' + '</div>' +      
      '<div id="settings-for-device-' + nameOfKey + key +   '"' + 
    'class="button-other"></div>';       

                    return str;
                   }

На странице вызываю эту ф-цию

   $('#convert-json-to-html-tree-sets').append( convertJsonToHtmlTree_Sets(result.device_settings.bonding, typeOfDevice, '', initialMasDeviceSettingsSets) );

Мне необходимо, чтобы при клике кнопке добавлялся нужный класс ".button-not-press"

  for ( var i = 0; i < huck.length; i++ ) {
        var huck2 = $('#settings-for-device-' + huck[i]);
            $('#ikz-settings-sets input').on('input', function() { 
                        $(this).addClass('changedInput'); 
                            currentDeviceSettingsSets = ( $('#ikz-settings-sets').get(0).outerHTML ); 

                            if ( initialDeviceSettingsSets != currentDeviceSettingsSets ) { 

                                    $('#settings-for-device-' + huck[i]).addClass('button-not-press'); 
                            } else { 
                                    $('#settings-for-device-' + huck[i]).removeClass('button-not-press'); 
                            }   
                    }); 
                }