jQuery Calendar question

jQuery Calendar question

I recently bought a JavaScript book that showed me how to build my own calendar. However, when I run the code in Firefox it has no style at all. The functionality works but looks very bland as you can see. The link to the CSS code is: <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/ui-darkness/jquery-ui.css"> As you can also see it doesn't do anything. Is this a broken link? I saw a similar question asked by dashtetanhaimein, but it didn't help my situation. Thank you in advance.




The code for the html5 
  1. <!DOCTYPE html>
<html>
<head>
	<title>1-up Date Picker</title>
	<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/ui-darkness/jquery-ui.css">
	<script src="http://code.jquery.com/jquery-2.1.0.js"></script>
	<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
	<script src="script07.js"></script>
</head>
<body>
	<h2>Date: <span id="datepicked"></span></h2>
	<div id="datepicker"></div>
</body>
</html>
The javaScript is in a file called "script07.js"
  1. $(function() {
        $("#datepicker").datepicker({
            dateFormat: "DD, MM dd, yy",
            onSelect: function(selectedDate) {
                $("#datepicked").empty().append(selectedDate);
            }
        });
    });