Q:

How to list CheckBoxes in a vertical way?

When I create checkbox, I want them to be listed in a vertical way, and not horizontal. How am I be able to do this??
Html:
  <div id="cblist">
        <input type="checkbox" value="first checkbox" id="cb1" /> <label for="cb1">first checkbox</label>
    </div>

    <input type="text" id="txtName" />
    <input type="button" value="ok" id="btnSave" />

Jquery:
$(document).ready(function() {
    $('#btnSave').click(function() {
        addCheckbox($('#txtName').val());
    });
});

function addCheckbox(name) {
   var container = $('#cblist');
   var inputs = container.find('input');
   var id = inputs.length+1;

   $('<input />', { type: 'checkbox', id: 'cb'+id, value: name }).appendTo(container);
   $('<label />', { 'for': 'cb'+id, text: name }).appendTo(container);
}

A:

Include the following line:
$('<br/>').appendTo(container);

at the end of your script.

