title: Jquery Div sort and order =)
body: <p>The problem i have is i need to group certain divs together and reorder them, and if it was all animating it would be cool. Please see below:</p>
  
  <pre><code>&lt;div id="away"&gt;Some Content&lt;/div&gt;
  &lt;div id="online"&gt;Some Content&lt;/div&gt;
  &lt;div id="offline"&gt;Some Content&lt;/div&gt;
  &lt;div id="away"&gt;Some Content&lt;/div&gt;
  &lt;div id="online"&gt;Some Content&lt;/div&gt;
  &lt;div id="offline"&gt;Some Content&lt;/div&gt;
  &lt;div id="online"&gt;Some Content&lt;/div&gt;
  &lt;div id="online"&gt;Some Content&lt;/div&gt;
  &lt;div id="away"&gt;Some Content&lt;/div&gt;
  </code></pre>
  
  <p>So i kinder need to group the id’s together the order by:
  1.online
  2.away
  3.offline</p>
  
  <p>So:</p>
  
  <pre><code>&lt;div id="online"&gt;Some Content&lt;/div&gt;
  &lt;div id="online"&gt;Some Content&lt;/div&gt;
  &lt;div id="online"&gt;Some Content&lt;/div&gt;
  &lt;div id="online"&gt;Some Content&lt;/div&gt;
  &lt;div id="away"&gt;Some Content&lt;/div&gt;
  &lt;div id="away"&gt;Some Content&lt;/div&gt;
  &lt;div id="away"&gt;Some Content&lt;/div&gt;
  &lt;div id="offline"&gt;Some Content&lt;/div&gt;
  &lt;div id="offline"&gt;Some Content&lt;/div&gt;
  </code></pre>
  
  <p>I can't seem to get my head arround this one =(.</p>
  
  <p>I'm using Jquery on the rest of the site.</p>
  
  <p>Any ideas =), Cheers, Sam T</p>