start

    
 <style>
 .element { border: 1px solid #999; width: 300px; height: 200px; cursor: move; text-align: center; background-color: #DDD; }
 </style>
 <div id="element" class="element">
   drag me
 </div>
 <script>
     $('#element').draggable({
         start: function (e, offset) {
             $('body').append('<div>The start event is fired.</div>');
         }
     });
 </script>