Can content in DIVs be sorted?
<p>Is it possible to sort DIVs, based on <code>value</code> from the form the DIV contains?</p>

<p>Hare is the HTML, to better get a visual idea how the HTML looks like</p>

<p><a href="http://jsfiddle.net/littlesandra88/gtYBE/1/" rel="nofollow">http://jsfiddle.net/littlesandra88/gtYBE/1/</a></p>

<p>Here is the HTML simplified to illustrate the problem:</p>

<pre><code>&lt;div id="contentEdit"&gt;
  &lt;div class="row"&gt;
    &lt;div class="cellHeader"&gt; ID    &lt;/div&gt;
    &lt;div class="cellHeader"&gt; Title &lt;/div&gt;
  &lt;/div&gt;

  &lt;div id="content"&gt;

    &lt;div id="127"&gt;
      &lt;form action="" method="post"&gt;
    &lt;div class="row"&gt;
          &lt;!-- ----- cell one -----              -------------------------- cell two ----------------------- --&gt;
      &lt;div class="cell"&gt; 127 &lt;/div&gt;   &lt;div class="cell"&gt; &lt;input name="title" value="dfg" type="text" /&gt; &lt;/div&gt;
    &lt;/div&gt;
      &lt;/form&gt;
    &lt;/div&gt;

    &lt;!-- next row --&gt;

    &lt;div id="27"&gt;
      &lt;form action="" method="post"&gt;
    &lt;div class="row"&gt;
      &lt;div class="cell"&gt; 27 &lt;/div&gt;   &lt;div class="cell"&gt; &lt;input name="title" value="afg" type="text" /&gt; &lt;/div&gt;
    &lt;/div&gt;
      &lt;/form&gt;
    &lt;/div&gt;

  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>What I would like is to be able to click on a button to sort each row i.e. <code>&lt;div id="127"&gt;</code> and <code>&lt;div id="27"&gt;</code> based on the content of <code>&lt;div class="cell"&gt; 127 &lt;/div&gt;</code>, (the content is here 127).</p>

<p>Another button should sort the rows based on form <code>value</code>.</p>

<p>Is that possible?</p>
