title: Sort table rows based on background-color using jquery
body: <p>This is my <a href="https://jsfiddle.net/fy050ctb/3/" rel="nofollow">FIDDLE</a></p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;div style="background:blue;color:white"&gt;hello&lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;div style="background:pink;color:white"&gt;hello&lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;div style="background:blue;color:white"&gt;hello&lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;div style="background:green;color:white"&gt;hello&lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;div style="background:pink;color:white"&gt;hello&lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
       &lt;tr&gt;
          &lt;td&gt;
              &lt;div style="background:green;color:white"&gt;hello&lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>How do i rearrange the html table rows based on color? I want to group html table rows based on the background color of the rows.</p>