سلام
من کدهای زیر را نوشته ام

@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<input type="text" id="ID" name="ID" />
<br />
<br />
Result:

<input type="text" id="Job_NM" name="Job_NM" />
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function () {
$('#ID').change(function () {
var recordId = $(this).val();
console.log(recordId);
debugger;
$.getJSON("@Url.Action("GetRecordBy", "Home")",{id: recordId},
function (data) {
$(tag).remove();
var tag= $(
' <div id="job"><label>Id:</label><input type="text" id="iddiv" name="iddiv" /><label>Name:</label><input type="text" id="namediv" name="name" /></div>'
);
$('#iddiv').text = data.id;
$('#namediv').text = data.name;
$('#Job_NM').after(tag);
});
});
});
</script>
</body>
</html>




public JsonResult GetRecordBy(int id)
{
var record = new { id = id, name = $"Example{id}"};
return Json(record, JsonRequestBehavior.AllowGet);
}



وقتی برنامه را اجرا میکنم
تگها ایجاد میشوند اما داده ای داخل انها نمایش داده نمیشود(تابع JsonResult GetRecordBy درست کارمیکند)
کدم را چگونه باید تغییر بدهم تا داده ها نمایش داده شود