$(document).ready(function () {

  $('p.mGuides').html(
    '<div class="demo"><div id="draggable_1" class="ui-widget-content draggable"><p>Drag me around or resize me</p></div><div id="draggable_2" class="ui-widget-content draggable" style="width:200px;height:200px;"><p>Drag me around or resize me</p></div><div id="draggable_3" class="ui-widget-content draggable"><p>Drag me around or resize me</p></div><div id="draggable_4" class="ui-widget-content draggable" style="width:100px;height:100px;"><p>Drag me around or resize me</p></div><div class="demo-description"><p>Enable guides on any jQueryUI draggable or resizable element.</p></div></div>'
  );
	$(function() {

		$(".draggable").draggable({guides: true, guidepadding: 20, guideinner: '.demo'}).resizable({handles: 'n, e, s, w', guides: true, guidepadding: 20, guideinner: '.demo'});
	});
});