Simulating CSS Column vertical content flow by re-ordering elements using jQuery?

I have an unordered list with approx 50 li elements that is displayed in a four column grid with the addition of media queries that change the column count at different widths.I have an unordered list with approx 50 li elem