JavaScript clashes

[lollol]

I am using 2 different jquery. One for dropdown-menu and one is table sorter. They both work fine individually. But when i try to combine them together in a page, the whole page just get corrupted. What should i do?

<script src="javascript/jquery.js"></script>
<script type="text/javascript" src="javascript/dropdown-menu.js"></script>
<link rel="stylesheet" type="text/css" href="css/dropdownMenu.css" media="all"/>
 
<script type="text/javascript">
    jQuery("document").ready(function() {
        jQuery("div#menu01").initMenu();
    });
</script>

<link rel="stylesheet" href="css/style.css" type="text/css" />
<script type="text/javascript" src="javascript/jquery-latest.js"></script> 
<script type="text/javascript" src="javascript/jquery.tablesorter.js"></script> 
 
<script>      
    $(document).ready(function() 
    { 
        $("#myTable").tablesorter(); 
    } 
);     
</script> 

[Dormilich]

jQuery("document")

I doubt that this is correct. there is no such element as <document> in HTML.

[lollol]

Then what should i change?

[Dormilich]

remove the quotes, for instance?