Display Json data in Razor Page (ASP Core)

Hi,

I am new to web development and c# and java script in particular.  I have a problem I have been stuck on for a few days.  I have a ASP Core project.  I have a button on a page that calls some javascript code to pass in a serial number and I want it to return some data from my controller.  There are several fields in my model data, but to keep it simple i will just try and show 2.  The problem is it is showing the serial number but any other field it shows the value as undefined when i load the page and press the button.

The java script I have is:
 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script>

    $(document).ready(function () {
        $("#abc").click(function (e) {
            if ($("#SerialNumber").val() == "")
                alert("SerialNumber cannot be empty");
            else if ($("#Comments").val() == "")
                alert("Comments cannot be empty");
            else {
                $.ajax({
                    type: "POST",
                    url: "/Home/GetSecuredData",
                    data: {"serialNumber": + $("#SerialNumber").val() },
                    success: function (result, status, xhr)
                    {
                        var html1 = ""
                         $.each(result, function (items, OperationsData)
                        {
                
                                html1 += `                                
                                            <p>` + OperationsData.serialNumber + "</p>" +
                                            "<p>" + OperationsData.JobSuffix + "</p>"
                        });
                       document.getElementById('dataDiv').innerHTML = html1;

                    },
                    error: function (xhr, status, error) {
                        $("#dataDiv").html("Result: " + status + " " + error + " " + xhr.status + " " + xhr.statusText)

                    }
                });
            }
            return false;
        });
    });
</script>

Select allOpen in new window

The controller function.  I added the var o part just to check it was getting data.  Using Visual Studio in debug mode i could see that the data is in that object for all the fields.

     [HttpPost]
        public JsonResult GetSecuredData(string serialNumber)
        {
            //serialNumber = "19190148";
            ModelState.Clear();
            var model = _operationsDataRepository.GetAllOpData(serialNumber);
            var o = Json(model);
            
            
            return Json(model);
        }

Select allOpen in new window

Below is what the page loads as.  The undefined would be any field i pick other than serial number.