JQueryのfor文で上手く動作しない。

Question

下記のコードでJSPに表示させようとした所、for文の取ってきたデータの一番最後の
データだけデータを表示する記述以外の記述が動作しません。（表示は下の画像）
何か、きになることがあればコメントお願いします。すぐ追記させていただきます。

<select name="lesson_search2">
										<option value="0" disabled>
											レッスン名を選択してください
										</option>
										<option value="1">KWP1</option>
										<option value="2">KWP2</option>
										<option value="3">KWP3</option>
									</select>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script>
	$(function() {
		
		$('[name=lesson_search2]').change(function() {
			$.ajax({
				
			   
				type : "GET",
				url : "user", // リクエストURL
				data : "lesson=" + $('[name=lesson_search2]').val(),
				datatype: "json",
				success: function(data){
					    alert("ok");
					    alert(data);
					    var jsObject = JSON.parse(data);
					    
					 
						    var len = jsObject.length;
						    console.log(len);
						    $(".tb_day_lesson_edit_record").empty();
						    for(var i = 0; i < len; i++) {
						    	$(".tb_day_lesson_edit_record").append($("<li>").attr({"id":jsObject[i].id}).text(jsObject[i].name));
						    	$("li#"+ i).append($("<span>").text("\n出"));
						    	$("li#"+ i).append($("<input>").attr({type:"radio",name:"radio"+i,value:"true",checked:"checked"}));
						    	$("li#"+ i).append($("<span>").text("\n欠"));
						    	$("li#"+ i).append($("<input>").attr({type:"radio",name:"radio"+i,value:"false"}));
						    }     
					    },
	                
	                error: function(json){
	                    console.log(json);
	                    alert("値はコンソール参照");
	                }
				
			});
		});
	});
	
</script>

![

Answer 1

idの指定が違うのでしょうか？

$("li#"+ i).append($("<span>").text("\n出"));
//↓
$("li#"+ jsObject[i].id).append($("<span>").text("\n出"));

Comments

[zenexvs]

ありがとうございました。
無事解決できました。