проблема с работой кнопки на сайте (браузер)
 

есть сайт с бэкендом (написанный на node.js) при обращении на определенный url node выдает страницу ejs в которой вставлены статические файлы (sidebar.ejs и finder.ejs) через

<% include %>

визуально все вставляется как нужно, НО нужно чтобы кнопка, которая в finder добавляла класс к элементу, который на основной странице (index.ejs). ставлю функцию, через jq в основной файл. но как будто функция в основном файле не видит элементы из статического. т.е если я ту же функцию пропишу в статическом файле, то она не видит элементов из общего файла.
помогите пожалуйста решить эту проблему.

<script>
	$(window).load(function() {
    $('#new-otdel-id').click(function() {  alert('hi')  }) 
    $('#new-otdel-id').click(function() {  $('#new-otdel-knopka').addClass('invisible')  }) 
	}
</script>

этот код я вставлял и в index и в finder но все равно не работает!

CyberDaniel228,

$(window).on('click', '#new-otdel-id', function() {  $('#new-otdel-knopka').addClass('invisible')  })

рони,
не работает. пробовал и через document.ready тоже нет. там дело не в этом. если брать элемент из того же файла finder.ejs , то работает все как нужно. а вот мне нужны элементы с разных файлов, но они будто не видят друг друга. т.е. '#new-otdel-id' - finder
'#new-otdel-knopka' - index
так не работает, но если тот же код вставить для двух finder или двух index документов, то он будет работать