jQuery sortable rows and columns grid
<p>Im trying to create a sortable grid using jQuery sortable. Here is my html:</p>

<pre><code>&lt;div id ="container"&gt;
&lt;div class="row"&gt;
  &lt;div class="column"&gt;
    &lt;div class="inner"&gt; 1 &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="column"&gt;
    &lt;div class="inner"&gt;2&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;div class="row"&gt;
  &lt;div class="column"&gt;
    &lt;div class="inner"&gt;3&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;div class="row"&gt;
  &lt;div class="column"&gt;
    &lt;div class="inner"&gt;4&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="column"&gt;
    &lt;div class="inner"&gt;5&lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>and here is javascript:</p>

<pre><code>$("#container").sortable();
$("#container .inner").sortable({connectWith: ".column"});
</code></pre>

<p>I want to be able to sort rows as well as individual columns. Sorting rows works fine but for some reason nothing happens with columns. The idea is to move "inner" elements freely in any column.</p>