Загрузка скрипта в DIV

[KOTShalun]

Добрый день.

Сразу прощу прощения за глупость вопроса.
Но немного подвис в решение данного вопроса. И так у меня есть "Меню". По кликам на которое у меня загружается в <DIV> некая страница через load.

<div id="content"></div>

<script>
$("menu").click(function(){
$('#content').load('page.php');
});	
</script>

И казалось бы всё чудненько. За исключением того, что в подгружаемом файлике page.php живёт ещё один скрипт вот такой вот строке.

<script type="text/javascript" src="js/info.js"></script>

В результате чего всё работает чудно. Подгружаются разные страницы скрипты в подгружаюмых страницах тоже и дажа ajax запросы выполняются. За исключением, того, что слишком старательно работают. А точнее ровно столько раз отрабатываются, столько раз я на эту страницу заходил.
Предположим я заходил в меню которое подгружало станицу page.php пять раз. И если теперь я нажму на запрос к ajax. Он отработает так же пять раз.
Я конечно понимаю, что это скрипт загрузился пять раз и сидит в памяти. А вот где он сидит не понятно. А главное как его от туда достать? Когда я смотрю всё, что натворил через FireBug в Мозиле, я их просто не вижу. =(
Может кто то сталкивался с подобным бредом? Всё победил, только этот момент остался. А учитывая, что проект навигации уже готов, перепиливать всё заново не реально. =(

Фув. Аж сам запутался...
Заранее спасибо за конструктив!

[danik.js]

Решение простое - не подключать скрипт несколько раз. Проще создать один js-файл и в контроллере вызывать нужные функции при подгрузке страницы.
тег script - это всего лишь источник файла. После выполнения скрипта неважно что ты сделаешь с этим тегом. Создадутся нужные функции, установятся обработчики событий, все это будет сидеть в памяти и продолжать работать.

[danik.js]

<button>Кликни</button>
<script>
    var button = document.querySelector('button');
    button.addEventListener('click', function() {
        alert('Я работаю');
    });
    
    var script = document.querySelector('script');
    script.parentNode.removeChild(script);
    
    alert(document.querySelector('script'));
</script>

[KOTShalun]

Проблема в том, что подгружаемых страниц очень много. И у многих большое кол-во одинаковых элементов. Кода собралось уже столько, что разобраться нереально во всём. Меню полностью динамическое оно собирает файлики в папке и генерит по ним меню, пункты меню по факту различные модули, от разных разработчиков. И всё было так чудно, пока не столкнулся с этой проблемой.
Может быть можно как то удалять из памяти эти функции?

[KOTShalun]

<button>Кликни</button>
<script>
    var button = document.querySelector('button');
    button.addEventListener('click', function() {
        alert('Я работаю');
    });
    
    var script = document.querySelector('script');
    script.parentNode.removeChild(script);
    
    alert(document.querySelector('script'));
</script>

Спасибо за совет. =) Нашел мало знакомых буквосочетаний. Ушел курить мат часть, чтобы понять совет пока не сталкивался с addEventListener и подобными. Разберусь, может пойму. =)

[KOTShalun]

Кстати, ещё один интересный момент. Эта проблема срабатывает, только с объектами к которым обращаюсь по типу класса т.е. $('.name') при заполнении модальной формы из базы. Когда же я её отправляю аяксом уже с изменениями в ПХП всё Ок. Один раз отработал как часы и всё...

[danik.js]

При выгрузке страницы удаляй все навешанные обработчики событий.

[KOTShalun]

При выгрузке страницы удаляй все навешанные обработчики событий.

Можно попросить, пример или примерно путь в котором нужно двигаться по коду? Как то не совсем хорошо тема гуглится. Но думаю найду рано или поздно...
Ещё раз спасибо. =) Клёвый аватарчик...

[KOTShalun]

С .unbind() тоже сталкиваюсь в первые. Сколько же ещё не знаю то. =)
Похоже нужно будет играться с ним. Сейчас попробую решить вопрос освобождаю по классу $('.foo').unbind('click'); по результату отпишусь, но это не очень универсальный выход как мне кажется...

[danik.js]

Проблема скорее всего в другом. Покажи пример скрипта в файле.