making a set of objects drag together with jquery
<p>I have a jquery object which has a bunch of things in it.</p>

<pre><code>var $item = $();
$("div.t2").click(function(){
    $item = $item.add(this);
    $(this).css("background-color","red");
});
</code></pre>

<p>Now i want to move the items all togeher fluidly, maintaining their relationship to each other.</p>

<p>I was going to use draggable, and was thinking to do something like:  parse though $items and store current position, then on end apply to the mouses difference.  How would i you all do it?</p>

<p>I was trying to do something like:</p>

<pre><code>$item.each(function(){
   //content
});
</code></pre>

<p>but it isnt seeming to select stuff, and likewise, something simple like:</p>

<pre><code>$item.each(function(){
    $(this).click(function(){
        $(this).css("background-color","green");
    });
});
</code></pre>

<p>which also isnt working for selecting before i even start dragging the whole group about.</p>

<p>Should i take the entire jquery object and clone it into a new div, and then move the div... then reapply positioning that way?</p>
