Can anybody spot the problem?

HTML Code:
<!DOCTYPE html>
<html>
    <head>
		<title></title>
        <link rel='stylesheet' type='text/css' href='http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css'/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script type='text/javascript'>
		$(document).ready(function() {
    $('#menu').accordion();
})</script>

	</head>
	<body>
        <div id="menu">
            <h3>Section 1</h3>
            <div>
                <p>I'm the first section!</p>
            </div>
            <!--Add two more sections below!-->
            <h3>Awesome Stuff</h3>
            <div>
                <p>I'm awesome!</p>
            </div>          
            <h3>Sucky Stuff</h3>
            <div>
                <p>I'm not awesome!</p>
            </div>            
        </div>
	</body>
</html>