Js gen Columns of checkbox

by techsin

HTML

<div class="con">
<label class='item hide'><input type="checkbox">Click here <span class="n">0</span></label>
</div>

CSS

.hide {display: none;}
.con {
    border:1px solid;
    -webkit-column-count:3;
}

JavaScript

var item = $('.item').clone().css('display','block');
for(var i=0;i<10;i++) {
    $('.con').append(item.clone().find('.n').text(i).parent('.item'));
}