Sort divs alphabetically or numerically (based on content)

http://www.sitepoint.com/forums/showthread.php?1200566-Sort-div-order-alphabetically-based-on-contents

by fiddledrew

HTML

<!DOCTYPE html>
<html>
<head>
  <!-- Include meta tag to ensure proper rendering and touch zooming -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Include jQuery Mobile stylesheets -->
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
  <!-- Include the jQuery library -->
  <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
  <!-- Include the jQuery Mobile library -->
  <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<style>

.container {
    width: 200px;
    height: 260px;
    position: relative;
    border: 1px solid #ccc;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
}
.card {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}
.card div {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 260px;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 140px;
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.card .front {
  background: red;
}
.card .back {
    background: blue;
    -webkit-transform: rotateX( 180deg );
    -moz-transform: rotateX( 180deg );
    -o-transform: rotateX( 180deg );
    transform: rotateX( 180deg );
}
.card.flipped {
    -webkit-transform: rotateX( 180deg );
    -moz-transform: rotateX( 180deg );
    -o-transform: rotateX( 180deg );
    transform: rotateX( 180deg );
}


</style>
</head>
<body>
        <div...

CSS

Month#Date#Details #Expense - RW#Type#Bank#Owing#TF to Runway#TF to DP Cloud
42856#42880#SJD#Expense#Accountancy#13###
42856#42865#SJD#Expense#Accountancy#144###
42856#42885#S Patel#Expense#Salary#812###
42856#42870#Mileage#Expense - RW#travel##48#48#
42887#42887#VAT Paid#HMRC#VAT#4820.4###
42887#42898#SJD#Expense#Accountancy#144###
42887#43277#S Patel#Expense#Salary#812###
42887#42902#Mileage#Expense - RW#travel##208#208#
42917#42926#sjd#Expense#accountncy#144###
42917#42947#S Patel#Expense#Salary#812###
42917#42928#milage#Expense - RW#travel##240#240#
42917#42917#Paint#Expense - RW#sundry##50#50#
42917#42917#Dust Covers#Expense - RW#sundry##50#50#
42917#42933#Folding Ladder#Expense - RW#sundry##150#150#
42917#42928#Hatfield Council#Expense#sundry##398##
42917#42742#D A Mcneil#Expense#sundry##540##
42948#42957#sjd#Expense#accountncy#144###
42948#42969#Mark CLIMp#Expense#Internet#3000###
42948#42972#S Patel#Expense#Salary#812###
42948#42976#VAT Paid#HMRC#VAT#6831###
42948#42962#Mileage#Expense - RW#travel##80#80#
42979#42990#sjd#Expense#accountncy#144###
42979#42972#S Patel#Expense#Salary#812###
42979#42993#Mileage#Expense - RW#travel##80#80#
42979#42979#Traders only Data#Expense#software##400##400
42979#43344#WH Brown#Expense#sundry##540##
43009#43018#sjd#Expense#accountncy#144###
43009#43028#S Patel#Expense#Salary#728###
43009#43028#D Patel#Expense#Salary#5684###
43009#43023#Mileage#Expense - RW#travel##64#64#
43040#43049#sjd#Expense#accountncy#144###
43040#43067#S Patel#Expense#Salary#728###
43040#43067#D Patel#Expense#Salary#812###
43040#43054#Mileage#Expense - RW#travel##112#112#
43040#43068#VAT#HMRC#VAT#7603.2###
43070#43080#sjd#Expense#accountncy#144###
43070#43086#S Patel#Expense#Salary#728###
43070#43086#D Patel#Expense#Salary#812###
43070#43089#XMAS#Expense#Entertainment##300##300
43070#43084#milage#Expense - RW#travel##128#128#
43101#43110#sjd#Expense#accountncy#144###
43101#43116#SP Div 30750 2017#DIV#DIV#9250###
43101#43116#DP Div 30750...