jQuery sortable resize on remove
<p>Quite a simple question ive got a few sortable unordered lists</p>

<ol>
<li>with images that resized to the div by absolute and the li which class <code>.image_block</code> which has width/height and float at 100px so something like this </li>
</ol>

<p><code>&lt;ul&gt;<br>
&lt;li class='.image_block'&gt;&lt;img src="pic.png"&lt;/li&gt;<br>
&lt;li class='.image_block'&gt;&lt;img src="pic1.png"&lt;/li&gt;<br>
&lt;li class='.image_block'&gt;&lt;img src="pic2.png"&lt;/li&gt;<br>
&lt;ul&gt;
</code></p>

<ol>
<li>And a few other seperate lists which have different li heights and widths</li>
</ol>

<p>so what i want to acheive is as soon as i drag a picture from one of the random width/height it adds <code>.image_block</code> </p>

<p>And at the moment i have this which is not working</p>

<pre><code>    $(".dragable_column").sortable({opacity: 0.8, cursor: 'move',connectWith: ['.dragable_column','.dragable_userimages'],

    receive: function(event, ui) {
        $(this).removeClass(".image_block");
 },

    start: function(event, ui) {
        $(this).addClass(".image_block");
    } 
</code></pre>

<p>});</p>

<pre><code>$(".dragable_userimages").sortable({opacity: 0.8,axis: 'x', cursor: 'move',connectWith: ['.dragable_column'],
    receive: function(event, ui) {
        $(this).addClass(".image_block");
 }
</code></pre>

<p>});</p>

<p>Any help would be greatly aprriciated</p>
