Q: Why can't I add draggable functionality to a regular  element with JQuery UI? The .draggable() interaction of jquery ui states that it "Enable(s) draggable functionality on any DOM element"; however, I cannot get it to work for the following:
<button id="btnWTF">WTF</button>

and
$(document).ready(function() {
    $("#btnWTF").draggable();    
});

Any thoughts?

A: try this..this cancels the default click event of the button.
$('#btnWTF').draggable({cancel:false});

