buttons can't made draggables by jQuery UI draggable()

Question

The `jQUery UI draggables` sample named `Default` says that: Enable draggable functionality on any DOM element. But I'm not able to make them work on `button`s elements. I modified the `Default` sample to look like this: I just changed the div element to a button one with `type="button"`: ``` jQuery UI Draggable - Default functionality

Accepted Answer

Using `cancel: false` seems to work for me.

```
    $(function() {
    $( "#draggable" ).draggable({
        cancel: false
    });
});
```

jsfiddle

I guess without the cancel only the default click event of the button fires and with cancel you prevent the default click event.

buttons can't made draggables by jQuery UI draggable()

Solution

Problem