title: jQuery header sort in table made with div
body: <p>I want to order table content clicking in the header of each columns.</p>
  
  <p>This question was already made here <a href="https://stackoverflow.com/questions/202252/jquery-table-header-sort">jQuery table header sort</a> but the jquery plugin pointed out there (which actually is very good) works with table html tags. Is there a plugin out there to make exactly the same if  my table is written with divs.</p>
  
  <p>Html example:</p>
  
  <pre><code>&lt;div class="table"&gt;
      &lt;div class="header"&gt;
          &lt;div class="col1"&gt;col1&lt;/div&gt;
          &lt;div class="col2"&gt;col2&lt;/div&gt;
          &lt;div class="col3"&gt;col3&lt;/div&gt;        
      &lt;/div&gt;    
      &lt;div class="item"&gt;
          &lt;div class="col1"&gt;content11&lt;/div&gt;
          &lt;div class="col2"&gt;content21&lt;/div&gt;
          &lt;div class="col3"&gt;content31&lt;/div&gt;            
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;div class="col1"&gt;content12&lt;/div&gt;
          &lt;div class="col2"&gt;content22&lt;/div&gt;
          &lt;div class="col3"&gt;content32&lt;/div&gt;            
      &lt;/div&gt;
  &lt;/div&gt;  
  </code></pre>