jquery load(): loading a javascript in to div, calls a function multiple times

jquery load(): loading a javascript in to div, calls a function multiple times

I have a main div called #Content and I replace a data in the #Content based the menu item clicked:

here is the code:

$('.nav-button').on('click', function(e){
e
.preventDefault();
$
('#content').load($(this).attr('href'));
});

link to my test project: http://techiedreams.com/projects/test/pearson/

UserName: amarajyothi
Password: Pearson

How to reproduce the problem:
After logging in click on the transport then click on save, an alert will be shown once. Now click on the transport again and click on save now two alerts will be shown.

Issue:
I have a script file being loaded along the contents of the div, where I call a function onclick on the save, which will save/update the data and shows an alert, but if click on transport again and click save the save script is being called twice, which I don't want.