如何根据屏幕尺寸重新排序列表项？

Question

我正在尝试在屏幕尺寸低于767px时重新排序HTML列表。到目前为止，我有以下桌面所需的HTML。但是，如何使用JQuery或Vanilla Javascript将其重新排序为1,2,3,4,5,6,7,8,9等？

<ul class="path">
    <li>111</li>
    <li>222</li>
    <li>333</li>
    <li>666</li>
    <li>555</li>
    <li>444</li>
    <li>777</li>
    <li>888</li>
    <li>999</li>                                  
<ul>

$(document).ready(function(){
    $(window).resize(function(){
        if ( $(window).width() < 768 ){
        // ORDER 1 2 3 4 5 6 6 8 9 etc

        }
        else{
        // ORDER 1 2 3 6 5 4 7 8 9

        }
    });
});