jQuery 1.9.1 + Kendo UI 2013.3.1119
HTML
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js"></script>
<div id="draggable">
<input/>
<div class="handle">
</div>
</div>
CSS
#draggable {
width: 200px;
height: 100px;
background-color: #0000ff;
}
.handle {
height: 200px;
background: red;
}
JavaScript
var draggable = $('#draggable').kendoDraggable({
filter: '.handle',
hint: function ( element ) { return element.parent().clone(); }
}).data('kendoDraggable');