to solve the problem if the dom object that have the have the class name different everytime

README

@@ -5,7 +5,7 @@ Multi Draggable provides live and multi element draggable functionality to jQuer
 
 Usage:
 
-1. Can you used same way as you do for Draggable. In addition, you can add "group" option, which determines which group of elements to be dragged together.
+1. Can you used same way as you do for Draggable. In addition, you can add "group" option as a jquery object or selector, which determines which group of elements to be dragged together.
 
 Ex 1:  $(".className").multiDraggable({ group: $(.className)});
 
@@ -15,15 +15,21 @@ Ex 2:  $("#drag1").multiDraggable({ group: [$("#drag1"),$("#drag2") ]});
 
 In this case, dragging #drag1, makes #drag2 drag along with it, even though #drag2 is not draggable.
 
-Ex 3: (".className").multiDraggable({ 
-                      group: $(.className),
+Ex 3: $(".className").multiDraggable({ 
+                      group: $(".className"),
                       startNative: function (event,ui) {},
                       stopNative : function (event,ui) {},
                       dragNative : function (event,ui) {}
                       });
-
+                      
 You can use all events, options and methods of jQuery UI Draggable, except that
   -'start' is now 'startNative'
   -'drag' is now 'dragNative'
   -'stop' is now 'stopNative'
-  - everything else remains the same.
+  - everything else remains the same.
+
+Ex 3: $(".className").multiDraggable({ group: ".className" });
+
+In this case , by parsing in a jquery selector string will drag the dom object that have the classs name when user start to drag.
+
+Ex4: $(".className").multiDraggable("destroy") to restore to init.

multidraggable.js

@@ -11,34 +11,61 @@
 (function ($) {
    $.fn.multiDraggable = function (opts) {
    	var initLeftOffset = []
-   	    ,initTopOffset = [];	    
+   	    ,initTopOffset = [];
+
+   	if(opts == "destroy"){
+    	return this.each(function(){
+			$(this)
+				.draggable("destroy")
+       			.unbind(".multiDraggable")
+       			.data("init","");
+       		});
+   	}
+
    	return this.each (function (){
-   		 $(this).live("mouseover", function() {
+   		 $(this).bind("mouseover.multiDraggable", function() {
 		         if (!$(this).data("init")) {
 		            $(this).data("init", true).draggable(opts,{
 				         start: function (event,ui) {
 							var pos = $(this).position();
-							$.each(opts.group || {}, function(key,value) {
-								var elemPos = $(value).position();
-								initLeftOffset[key] = elemPos.left - pos.left;
-								initTopOffset[key] = elemPos.top - pos.top;			
-							});		
+
+							if (typeof opts.group == "string"){
+								opts.group = $(opts.group);
+							}
+
+							opts.group.not($(this));
+
+							if(opts.group.length>0){
+								$.each(opts.group || {}, function(key,value) {
+									var elemPos = $(value).position();
+									initLeftOffset[key] = elemPos.left - pos.left;
+									initTopOffset[key] = elemPos.top - pos.top;			
+								});
+							}
 							opts.startNative ? opts.startNative() : {};
 						},
 						drag: function(event,ui) {
 							var pos = $(this).offset();
-							$.each(opts.group || {}, function(key,value) {
-								$(value).offset({left: pos.left + initLeftOffset[key], 
-								top: pos.top + initTopOffset[key]});				
-							});
+
+							if(opts.group.length>0){
+								$.each(opts.group || {}, function(key,value) {
+									$(value).offset({left: pos.left + initLeftOffset[key], 
+									top: pos.top + initTopOffset[key]});				
+								});
+							}
+
 							opts.dragNative ? opts.dragNative() : {};
 						},
 						stop: function(event,ui) {
 							var pos = $(this).offset();
-							$.each(opts.group || {}, function(key,value) {
-								$(value).offset({left: pos.left + initLeftOffset[key], 
-								top: pos.top + initTopOffset[key]});								
-							});
+
+							if(opts.group.length>0){
+								$.each(opts.group || {}, function(key,value) {
+									$(value).offset({left: pos.left + initLeftOffset[key], 
+									top: pos.top + initTopOffset[key]});								
+								});
+							}
+
 							opts.stopNative ? opts.stopNative() : {};
 						},
 					});