Very simple code does not work

Very simple code does not work

Hi All...

I'm sure this is a stupid question but I have killed the morning trying to do what should be very simple. I feel foolish having to ask...

I just bought jQuery UI In Action and typed in the example on page 14 as an HTML file. I added a little HTML at the top of the BODY. I opened it in Firefox (and IE and Chrome) directly off my hard drive, and although it rendered the text I added in the header tags, it does not seem to recognize the js. The data picker does not appear, just an empty form element that looks like a text field.

I thought perhaps the links were out of date to the Google CDN, so I tried updating the version numbers, but still no luck. I Googled for some samples and found some, still no luck.

js is enabled in my browser.

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
        <meta charset="utf-8">
        <title>First Demo</title>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
    </head>

    <body>
            <!-- Put my custom HTML here -->

           
            <H3>Hello cold, cruel world!</H3>
           
            <input id="datepicker">

            <script type="text/javascript" scr="http://code.jquery.com/jquery-1.11.1.js"></script>
            <script type="text/javascript" scr="http://code.jquery.com/jquery-1.11.0/jquery-ui.js"></script>
           
            <!-- Put custom js here -->

            <script>
                $( "#datepicker" ).datepicker();
            </script>           
           
           
    </body>       
    </html>