Two column Unordered List, javascript based,

Two column Unordered List with HTML and CSS. Adding Javascript as the ordered has to be maintained vertically not horizontal.

by Fahd Murtaza

HTML

<ul>
    <li>November 2013</li>
    <li>October 2013</li>
    <li>September 2013</li>
    <li>August 2013</li>
    <li>July 2013</li>
    <li>June 2013</li>
    <li>May 2013</li>
    <li>April 2013</li>
    <li>March 2013</li>
    <li>February 2013</li>
    <li>January 2013</li>
</ul>

JavaScript

jQuery(function($){
    var size = 4,
        $ul  = $("ul"),
        $lis = $ul.children().filter(':gt(' + (size - 1) + ')'),
        loop = Math.ceil($lis.length / size),
        i    = 0;

    $ul.css('float','left').wrap("<div style='overflow: hidden'></div>");
    
    for(; i < loop; i = i + 1){
      $ul = $("<ul />").css('float','left').append($lis.slice(i * size, (i * size) + 4)).insertAfter($ul);
    }
  });