Making checkboxlist in an unordered list to organize my data javascript

See more:

Javascript

CSS

HTML

, +

Hello all,
I am currently working on a problem I been having with some styling. I currently have checkbox list and it is in a line right now. I want to be able to have checkboxes in a row of 3 or 4.
I know that I could do this by making them in an unordered list. I currently grab all my data from a collection so I don’t have it hard coded as a unordered list or anything like that. I have a method call to get all of my data.
I want my method to make these items in an unordered list.
If you have some other suggestions that I could do to organize this data I am widely open to suggestions and ideas.
I know I am extremely close to getting this working on I am just having troubles with ending my unordered list.

//here is my method
    function initializeCheckBox(elementName, dataService, render, name) {
        if (render === null) render = function(item) { return(item.text); };
        var $element = $(elementName);        
        $.when(dataService()).then(function (data) {
            $element.append($unorderedList);
            for (var itemIndex in data) {
     var $input = $('<input type="checkbox" name ="'+name+'" value="' + data[itemIndex].value + '">' + render(data[itemIndex]) + '</input>');
                $input.data(data[itemIndex]);
		  $input.appendTo($element);
            }
        });
    }
//changing my method in an ordered list
    function initializeCheckBox(elementName, dataService, render, name) {
        if (render === null) render = function(item) { return(item.text); };
        var $element = $(elementName);        
        $.when(dataService()).then(function (data) {
            var $unorderedList = $('ul class="stylebox"');
            $element.append($unorderedList);
            console.log($unorderedList);
            for (var itemIndex in data) {
                var $input = $('<input type="checkbox" name ="'+name+'" value="' + data[itemIndex].value + '">' + render(data[itemIndex]) + '</input>');
                var $row = $('<li>'); 
                $input.data(data[itemIndex]);
				$input.appendTo($element);
            }
        });
    }