Issue with local jquery.js

Issue with local jquery.js

Hi,
 
I'm trying to convert my datepicker example page from using online jquery.js to using my local version downloaded.
 
I have a working version of a datapicker but it uses the JS libraries stored at //code.jquery.com/... I have got two working locally but not the last one! My code is below, it works but the commented out part does not work. I have crawled the website and google but still in the dark :-/
 
Is there anything obvious I am doing wrong?
 
I can confirm in the header of /js/jquery-ui-1.11.4.custom/external/jquery/jquery.js is "jQuery JavaScript Library v1.10.2" just like in the linked version.
 
Images are in the unchanged directory as unzipped too.
 
Thanks!
Jon
 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>jQuery UI Datepicker - Default functionality</title>

  2. <!-- This Does Work -->
      <link rel="stylesheet" href="js/jquery-ui-1.11.4.custom/jquery-ui.min.css">
      <script src="//code.jquery.com/jquery-1.10.2.js"></script>
      <script src="js/jquery-ui-1.11.4.custom/jquery-ui.min.js"></script>

  3. <!--  THIS DOESN'T WORK -->
    <!--
      <script src="js/jquery-ui-1.11.4.custom/external/jquery/jquery.js"></script>
      <script src="js/jquery-ui-1.11.4.custom/jquery-ui.min.js"></script>
    -->

  4.   <script>  $(function() {    $( "#datepicker" ).datepicker();  });  </script>
    </head>
    <body>
      <p>Date: <input type="text" name="date" id="datepicker"></p>
    </body>
    </html>