Q:

Error: Object doesn't support property or method 'draggable'

I keep get this error: 

Error: Object doesn't support property or method 'draggable'

I have included all necessary script for this code to work.  
What I'm doing wrong? 
<! doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <script src="@Url. Content("~/Scripts/jquery-1.10.2.js")" type="text/javascript"></script>
    <script src="@Url. Content("~/Scripts/jquery-ui.js")" type="text/javascript"></script>
    <link rel="stylesheet" href="/resources/demos/style.css">
    <style>
        #test {
            width: 150px;
            height: 150px;
            padding: 0.5em;
        }
    </style>
    <script>
        $(function () {
            $("#test").draggable();
        });
    </script>
</head>
<body>

    <div id="test" class="ui-widget-content">
        <p>Drag me around</p>
    </div>

</body>
</html>

A:

Change the id "#draggable"  to "#test" in internal style sheet.  Beacause draggable id is not present in your html. 
#test   {
            width: 150px;
            height: 150px;
            padding: 0.5em;
        }

