سوال: مقدار دهی داده بوسیله Jquery در mvc.net

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



@{

    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 درست کارمیکند)
کدم را چگونه باید تغییر بدهم تا داده ها نمایش داده شود