Jquery Draggable Not Working

Jquery Draggable Not Working


Hey there, I was trying to use the Jquery UI for the first time today
(developer download using the ui.all.js), specifically draggable(). It
doesn't seem to work and I have triple checked my code...If anyone has
any insight any help will be appreciated.
Here's the error I get in Firebug:
jQuery is not defined
jquery.ui.all.js()()
[Break on this error] })(jQuery);
$("#block").draggable is not a function
(?)()()
handleError()
handleError()
nodeName()
handleError()
[Break on this error] $('#block').draggable();
jQuery is not defined
jquery.ui.all.js()()
It points me to the ui.all.js file I use as the source of the error.
Here's my source:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery.ui.all.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function() {
    $('#block').draggable();
});
</script>
<style type="text/css" media="all">
#block { width:50px; height:50px; background:#FF0000; }
</style>
</head>
<body>
<div id="block">Drag</div>
</body>
</html>
Thanks!