JQuery 1.11.0 Menu demo (not working)

For some reason, am unable to get the menu() function to work (Console: undefined is not a function)

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<table style="position:absolute;left:0px;top:60px;width:100%;z-index:1;background-color:white;height:1px;border-style: solid none solid none;border-color:black; border-collapse:collapse">
    <tr>
        <td align=center id="menubtn-abt" width="175px" class="menubtn">About</td>
        <td align=center id="menubtn-settings" width="175px" class="menubtn">Hello2</td>
        <td align=center id="logo-placeholder-menubar" style="padding:0px;border-style:solid;background-color:white"></td>
        <td align=center id="menubtn-tools" width="175px" class="menubtn" onclick="$('#menu').show();">Tools</td>
        <td align=center id="menubtn-results" class="menubtn" width="175px">Results</td>
    </tr>
</table>
<ul id="menu" style="width:100px;">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3
        <ul>
            <li>Item 3-1</li>
            <li>Item 3-2
                <ul>
                    <li>Item 3-2-1</li>
                    <li>Item 3-2-2</li>
                    <li>Item 3-2-3</li>
                    <li>Item 3-2-4</li>
                </ul>
            </li>
            <li>Item 3-3</li>
            <li>Item 3-4</li>
            <li>Item 3-5</li>
        </ul>
    </li>
    <li>Item 4</li>
    <li>Item 5</li>
</ul>

CSS

#menu {
    width:200px;
}

JavaScript

$("#menu").menu();
    $("#menu").position({
        my: "left top",
        at: "left bottom",
        of: "#menubtn-results"
    });

$("#menu").hide();