jQuery draggable

HTML

<div rel="popup_test" class="popup_click">
<div id="popup_title">Title</div>
<div id="popup_text">Text</div>
</div>

<div rel="popup_test1" class="popup_click1">
<div id="popup_title1">Title</div>
<div id="popup_text1">Text</div>
</div>

CSS

html, body{width:100%;height:100%;overflow:hidden;}
.popup_click{border:1px solid #008000;background:#80FF80;width:200px;text-align:center;}
.popup_click #popup_title{background:#A0FFA0;}

.popup_click1{border:1px solid #008000;background:#80FF80;width:200px;text-align:center;}
.popup_click1 #popup_title1{background:#A0FFA0;}

JavaScript

$(document).ready(function() {
    $('.popup_click').show(0).draggable();
    var handle = $( ".popup_click" ).draggable( "option", "handle" );
    $('.popup_click').draggable( "option", "handle", '#popup_title' );
 }); 
 
 
 $(document).ready(function() {
    $('.popup_click1').show(0).draggable();
    var handle1 = $( ".popup_click1" ).draggable( "option", "handle" );
    $('.popup_click1').draggable( "option1", "handle1", '#popup_title1' );
 });