AJax でデータを取得してチェックボックスリストの生成ができない・・・

Ajaxでデータベースからデータを取得してそのデータを利用してチェックボックスを生成しようとしています。
しかしながら、上手くチェックボックスが表示されません。
下記のようにしていますが、どこが悪いのかよく分からず行き詰っています。
宜しくお願いいたします。

ちなみにPHPプログラムであるSample.phpを単体で動かした場合は
DBからデータを取得してJasonデータが表示されました。

$(function(){
	//選択変更があったとき
	$('.sec4').change(function(){
		var child_category		=	$('#child_category').val();
		$.ajax({
				type: "POST",
				url: "/admin/Sample",
				data: {"child_category":child_category},
				dataType: "json",
				cache: false,
				success: function(data, status){
					$('#assign').empty();
					var str		= '';
					if(data.length > 0){
						for(var i in data){
							str		+= '';
							str		+=	'<div class="checkbox">';
							str		+=	'<label for="assign_';
							str		+=	data[i].assign_code;
							str		+=	'">';
							str		+=	'<input type="checkbox" name="assign[';
							str		+=	data[i].assign_code;
							str		+=	']" id="assign_';
							str		+=	data[i].assign_code;
							str		+=	'" value="1" />';
							str		+=	data[i].assign_name;
							str		+=	'</label>';
							str		+=	'</div>';
							$("#assign").append(str);
						}
					}else{
						alert("エラーが発生しました！");
					}
				},
				error: function(XMLHttpRequest, status, errorThrown){
				alert("エラーが発生しました！");
			}
		});
	});
});

埋め込みさきのHTMLです

          <div id="sec4">
            <p>項目４</p>
            <p><input type="radio" name="use_sec4" class="sec4" value="1" id="assign1" />利用する<input type="radio" name="use_sec4" class="sec4" value="0" checked="checked" id="assign0" />利用しない</p>
            <div class="form-group" id="table_sec4">
              <div class="col-sm-offset-2 col-sm-10" id="assign"></div>
            </div>
            <p id="color_alert" style="color:red"></p>
          </div>

行動規範の内容に同意します

回答2件

ベストアンサー

データが問題なく受け取れていることを前提に

javascript
1success: function(data, status){
2    $('#assign').empty();
3    if(data.length > 0){
4        for(var i in data){
5            var $div = $('<div class="checkbox"/>');
6            var $label = $('<label/>').attr('for', 'assign_' + data[i].assign_code);
7            var $input = $('<input type="checkbox" value="1"/>').attr('name', 'assign[' + data[i].assign_code + ']').attr('id', 'assign_' + data[i].assign_code);
8            $div.append($label.append($input).append(data[i].assign_name));
9            $("#assign").append($div);
10        }
11    }else{
12        alert("エラーが発生しました！");
13    }
14}