Reverting back to previous state - drag and drop
<p>After dragging/dropping multiple I'd like the option to cancel so that all of the divs revert back to original state and position when pressed.</p>

<p><em>HTML:</em></p>

<pre><code>&lt;div class="connected"&gt;
    &lt;div class="myDivs"&gt;Hello 01&lt;/div&gt;
    &lt;div class="myDivs"&gt;Hello 02&lt;/div&gt;
    &lt;div class="myDivs excludeThisCss"&gt;Hello 03&lt;/div&gt;
    &lt;div class="myDivs"&gt;Hello 04&lt;/div&gt;
    &lt;div class="myDivs"&gt;Hello 05&lt;/div&gt;
    &lt;div class="myDivs excludeThisCss"&gt;Hello 06&lt;/div&gt;
    &lt;div class="myDivs"&gt;Hello 07&lt;/div&gt;
    &lt;div class="myDivs"&gt;Hello 08&lt;/div&gt;
    &lt;div class="myDivs excludeThisCss"&gt;Hello 09&lt;/div&gt;
    &lt;div class="myDivs"&gt;Hello 10&lt;/div&gt;
&lt;/div&gt;
&lt;button id="demo1" onclick="cancel()" title="Button"&gt;Cancel&lt;/button&gt;
</code></pre>

<p><em>JavaScript:</em></p>

<pre><code>$(function() {
    $(".connected").sortable({
        connectWith: ".connected",
        items: ".myDivs:not(.excludeThisCss)"
    }).disableSelection();
});

function cancel() {
    // alert('cancelled');
}​
</code></pre>

<p>See the fiddle : <a href="http://jsfiddle.net/adrianjsfiddlenetuser/zyUkd/6/" rel="nofollow">http://jsfiddle.net/adrianjsfiddlenetuser/zyUkd/6/</a></p>

<p>I've seen examples of using the .load function but I do not want to load new data, just refresh the div</p>
