JSFiddle - React, Tailwind, and code Playground

JavaScript

var str1 = "<script>" +
    "var $rows = $('#rows')," +
        "sorted = $rows.children().sort(function(a, b) { return $(a).data('rank') - $(b).data('rank'); });" +
    "$rows.append( sorted );" +
    "</scr"+"ipt>" +
    "<div class='rows' id='rows'>" +
        "<div id='3' data-rank='3'>Sorted Three<script>$('#3').css('color', 'red');</scr"+"ipt></div>" +
        "<div id='2' data-rank='2'>Sorted Two<script>$('#2').css('color', 'green');</scr"+"ipt></div>" +
        "<div id='1' data-rank='1'>Sorted One<script>$('#1').css('color', 'blue');</scr"+"ipt></div>" +
    "</div>";

$('body').append(str1);

var str2 = "<div class='rows'>" +
    "<div id='13' data-rank='3'>Three<script>$('#13').css('color', 'red');</scr"+"ipt></div>" +
    "<div id='12' data-rank='2'>Two<script>$('#12').css('color', 'green');</scr"+"ipt></div>" +
    "<div id='11' data-rank='1'>One<script>$('#11').css('color', 'blue');</scr"+"ipt></div>" +
    "</div>";

$('body').append(str2);