عدم نمایش کد هنگام اجرا با ajax

سلام
من کد زیر را دارم

@using (Html.BeginForm())

{

    @Html.AntiForgeryToken()

    <div class="container">

    @Html.ValidationSummary(true, "", new { @class = "text-danger" })

    @Html.HiddenFor(model => model.HumanId)





    <div class="form-group">

        <div class="row">

            <div class="col-lg-3 col-xl-3 text-left ml-lg-1 ml-xl-1 mt-lg-1 mt-xl-1">

                @Html.LabelFor(model => model.NationalId, htmlAttributes: new { @class = "control-label col-lg-12 col-xl-12" })

            </div>

            <div class="col-lg-6 col-xl-6 text-right">

                @Html.DisplayFor(model => model.NationalId, new { htmlAttributes = new { @class = "form-control" } })

            </div>

        </div>

    </div>

    <div class="form-group">

        <div class="row">

            <div class="col-lg-3 col-xl-3 text-left ml-lg-1 ml-xl-1 mt-lg-1 mt-xl-1">

                @Html.LabelFor(model => model.FirstName, htmlAttributes: new { @class = "control-label col-lg-12 col-xl-12" })

            </div>

            <div class="col-lg-6 col-xl-6 text-right">

                @Html.EditorFor(model => model.FirstName, new { htmlAttributes = new { @class = "form-control" } })

                @Html.ValidationMessageFor(model => model.FirstName, "", new { @class = "text-danger" })

            </div>

        </div>

    </div>

	}

و هنگام ویرایش از دستور ajax استفاده میکنم

	<script>

    $(function () {

        var a = $("#EditHuman");

        a.on("click", function () {

            var token = $('input[name=__RequestVerificationToken]').val();

            var dataObject = {

                FirstName: $("#FirstName").val(),

                

            };

            $.ajax({

                url: '@Url.Action("Edit", "Home")',

                data: {

                    __RequestVerificationToken: token,

                    humanIraniEdit: dataObject

                },

                type: "POST",

                success: function (res) {

                    $.ajax({

                        url: '@Url.Action("Index", "Home")',

                        data: { },

                        type: "Get",

                        success: function(resualt) {

                            $("#Number").html(resualt);

                        }

                    });

                   

                }, error: function () {

                    $('#FirstName span').html('<span id="FirstName-error" class="">مقدار فيلد نام الزامي است!</span>');

                    alert('<span id="FirstName-error" class="">مقدار فيلد نام الزامي است!</span>');

                }

            });

        });

    });

</script>

وقتی error روی میدهد

  alert('<span id="FirstName-error" class="">مقدار فيلد نام الزامي است!</span>');

نمایش داده میشود
اما کد

   $('#FirstName span').html('<span id="FirstName-error" class="">مقدار فيلد نام الزامي است!</span>');

نمایش داده نمیشود
باید چکارکنم تا این کد هم نمایش داده شود
باتشکر