You're right it seems jQuery may have loaded twice when the drag and drop feature is being used in my case here.
Here're the files at play. Problem occurs after the dragndrop server/CGI file is called while loading all other server file into a div with id of "NAVI" is fine.
MAIN file
<link href="../jQuery/css/ui-lightness/jquery-ui-1.8.23.custom.css" rel="stylesheet" />
<script src="../jQuery/jquery-1.8.0.min.js"></script> <!-- 3.2.1 vs. 1.8.0 -->
<script src="../jQuery/ui/jquery.ui.core.js"></script>
<script src="../jQuery/ui/jquery.ui.widget.js"></script>
<script src="../jQuery/ui/jquery.ui.position.js"></script>
<script src="../jQuery/ui/jquery.ui.autocomplete.js"></script>
<script>
function loadStuff(id)
{
$("#NAVI").load("server.cgi"+id);
}
...
</script>
<body>
<div id="MAIN"></div>
<div id="NAVI"></div>
</body>
</html>
===========
dragndropCGI file (that can be loaded into NAVI div)
<!--
<script src="../jQuery/jquery-1.8.0.min.js"></script>
-->
<script>
$(function(){
$("#dropFiles").on("drop",drop);
$("#dropFiles").on("dragover", dragover);
...
</script>
HTML area...
-------------------
other server file 1 (that can be loaded into NAVI div)
HTML area...
-------------------
other file server 2 (that can be loaded into NAVI div)
HTML area...
Thanks.