default.html

2. <div id="content"></div> 
3. <script language="javascript" type="text/javascript" charset="utf-8">
4. $(document).ready(function() { $("#content").load("include1.html"); });
5. </script>

include1.html

2. include 1<br />
3. <span onclick="alertMsg()">click to alert</span><br />
4. <span onclick="loading()">load new page</span>
5. 
   
6. <script>
7. function alertMsg() { alert("ok"); }
8. function loading() { $("#content").empty(); $("#content").load("include2.html"); }
9. </script>

include2.html

2. include 2<br />
3. <span onclick="alertMsg()">test function alertMsg</span>

when i call default.html, load include1.html and your scripts, function alertMsg() works

i click "load new page" and script empty the div and load a new page on the same div

problem is, when load include2.html, the script loaded in include1.html still exist, there is a way to remove scripts loaded in include1 before load a new page on the div?

tks