dynamically create radiobuttons and labels

dynamically create radiobuttons and labels

JavaScript

$(document).ready(function () {
            var data = { "d": [{ "__type": "Reservatie", "zaalId": 2, "opmerking": null, "zaalNaam": "Zaal 2" }, { "__type": "Reservatie", "zaalId": 3, "opmerking": null, "zaalNaam": "Zaal 3"}] };

            //            $.ajax({
            //                url: "/SelligentMobile/Webservice/WebService.asmx/getReservaties",
            //                type: "POST", contentType: "application/json; charset=utf-8",
            //                dataType: "json", data: { 'DATUM_BEGIN': '2012-05-09 10:10:36', 'DATUM_EINDE': '2012-05-09 12:10:45' },
            //                success: function (data) {
            if (data.d.length > 0) {
                $.each(data.d, function (i, entity) {
                    $('body').append(
                            $('<option />', { 'for': 'ZAALID_' + entity.zaalId, 'text': entity.zaalNaam }),
                            $('<select />', { 'id': 'ZAALID_' + entity.zaalId, 'type': 'select', 'name': 'RESERVATION.ZAALID', 'value': entity.zaalId, 'MSGCHECKED': '~IF(CHKPROP(@RESERVATIE.ZAALID,' + 1 + '),CHECKED,)~ ' }),$('<br />'));
                });
            }
            //                }
            //            });
        });