The start event is raised when a draggable element starts being dragged. Only one start event is sent on each drag, before the mouse is released and the dragging is over.

The event receives the following additional properties:
- element - the visible element being dragged (can be either the original element or a custom helper);
- domEvent - the original event

<div id="div1">Hello DIV!</div>

<script type="text/javascript">
    jQuery(function ($) {
            events: {
                start: function(e) {
                    // dragging started for e.element