jQuery works in example page, but not in other pages

jQuery works in example page, but not in other pages

jQuery works perfectly on the example page ( http://www.troop21clayton.org/jquery-1.8.5/), but it wont work on any other pages (e.g. http://www.troop21clayton.org/site_new/test.port/)

Here's my code:

  1. <html>
  2.    <head>
  3.       <link rel="StyleSheet" href="indexrc.css" media="screen">
  4.       <title>Test jQuery Dialog | Troop 21 of Clayton</title>
  5.       <script type="text/javascript" src="/jquery-1.8.5/js/jquery-ui-1.8.5.custom.min.js"></script>
  6.       <script type="text/javascript" src="/jquery-1.8.5/js/jquery-1.4.2.min.js"></script>
  7.       <link type="text/css" rel="StyleSheet" href="/jquery-1.8.5/css/custom-theme/jquery-
  8. ui-1.8.5.custom.css" />
  9.       <script type="text/javascript">
  10.             $(document).ready(function() {
  11.                $("#winPort").dialog({ autoOpen: false });
  12. });
  13.        </script>
  14.    </head>
  15.    <body>
  16. <div class="main-container">
  17. <div class="header"><em>Troop21Clayton.org 2.0</em></div>
  18. <div class="navbar"><a href="../">Home</a> <a href="./restrict.client/">Contacts</a></div>
  19. <div class="content"><a onclick="$('#dialog').dialog('open')" href="#">Click Here</a></div>
  20. <div class="footer"><a href="#">Copyright &copy; Troop 21 of Clayton, Boyscouts of America.
  21. </a></div>
  22. <div id="dialog" title="Troop21clayton.org 2.0">Click on the title bar and move it around, resize, or
  23. click the x in the corner to close it!</div>
  24. </div>
  25. </body>
  1. </html>
What's wrong with it?