[BETEPAH]

<style>
.kubik {
	box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
	height: 20px;
	width: 20px;
	background: #ccc;
	display: inline-block;
	margin: 5px 5px 0 0;
}
.target {
	height: 80px;
}
</style>
<input type="button" id="add" value="еще" />
<div class="target">
	<div class="kubik"></div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script>
$(function() {
	$('.kubik').draggable();
	$('.target').on('mouseover', '.kubik', function( ) {
		$(this).css({'border':'3px solid #000'});
	});
	$('#add').on('click', function(){
		var element = $('<div class="kubik"></div>');
		element.draggable();
		$('.target').append(element);
	});
})
</script>