@using(Html.BeginForm("CoursesRegistration", "Home", FormMethod.Post, new { id="saveData", @class="form-horizontal"})) { <h5 class="modal-title" id="exampleModalLabel">Start New Course</h5> <span>×</span> CourseName @Html.EditorFor(model => model.CourseName, new { htmlAttributes = new { @class = "form-control", autofocus = "autofocus", placeholder = "CourseName" } }) Content Licence Cancel <a href="@Url.Action(" class="btn btn-large btn-success">Create Courses</a> $("#exampleModal.btn-success").click(function () { saveData(); }); function saveData() { $.ajax({ url: "/Home/CoursesRegistration", data: $('#coursesRegistration').serialize(), type: 'post', success: function (data) { if (data.Success) { $("#exampleModal").modal('hide'); } else { } }, error: function (xhr, status) { } }); return false; }