jqueryでのドラッグ&ドロップについて

現在monacaにてjqueryを使って画像のドラッグ&ドロップをしようとしていますがうまくいきません。
headerでjqueryを読み込み

jQuery("#hogeDrag").draggable();

このようにしてますができません
ちなみに画像ではなくても動きません
画面が固定されていないのとは関係があるんでしょうか
よろしくお願いします。
ヘッダ

<script src="js/jquery2.1.3.min.js"></script>
<script src="js/jquery.ui.min.js"></script>

html

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

js

  $(function() {
    $( "#draggable" ).draggable();
  });

css

#draggable { width: 150px; height: 150px; padding: 0.5em; }

このようになっておりますよろしくお願い致します。