目前是希望可以在View上的number輸入值(預想是工號)，然後當這欄位有onchange時，我可以將輸入值帶到Controller，並在Controller透過連資料庫尋找相關資料(找工號的姓名等資訊)，但我目前尚未實作出後面(先寫死)。
備註，在這頁所有事情都做完以後，才送出資料(Submit)

目前輸入值到number中，沒有任何動作，請問我該如何去透過ajax將輸入值帶到Controller，並回傳結果到頁面上的欄位呢?

[View]

<script type="text/javascript">
    $("#myAjaxButton").click( function (event) {
        $.ajax({
            url: "@Url.Action("TestFunc", "Test")",
            data: { number = $("#number").val() },
            cache: false,
            type: "POST",

            success: function (data, textStatus, jqXHR) {
                $("#name").val(data);
            },
            error: function (jqXHR, textStatus, errorThrown) { 
                alert("Found error when using Ajax!!");
            }
        });
    });
</script>

@using (Html.BeginForm("Index","Test",FormMethod.Post,new {})){
    <div class="form-horizontal">
		<div class="form-group">
			<div class="col-md-10">
                <p>Id : </p>
				<input type="text" id="number" required />
                <input type="text" id="name"/>
			</div>
		</div>

		<div class="form-group">
			<div class="col-md-offset-2 col-md-10">
                <input type="button" id="myAjaxButton" value="search1" class="btn btn-default" />
				<input type="submit" value="search" class="btn btn-default" />
			</div>
		</div>
    </div>
}

[Controller]

[HttpPost]
public JsonResult TestFunc(string number) {
    string name = "";
    
    if (number == "A12345")
    {
        name = "Annie";
    };
    
    return Json(name);
}