At Save Time Why I Get Every Modal In Data

See more:

Javascript

jQuery

Knockout.js

hello sir,
i am using knockout and i am new in it

i wrote script for save new data
everything is ok but in function(data), i got every modal in data,
i want just perticular modal data..to pass at server side
my script is below..please check it..where i done mistake..

var AddStudentUrl = "/student/createstudent";

var CreateStudentModel = function (student) {
    var self = this;
    self.StudentModal = function () {
        var st = this;
        st.FirstName = ko.observable('fg');
        st.LastName = ko.observable('fgfgg');
        st.State = ko.observable('ererere');
    };

    self.AddStudentModel = ko.observable(new self.StudentModal());

    self.AddStudentData = function (data) {
        debugger;
        if (CheckErrors("#frmStudent")) {
           // var postdata = data.AddStudentModel();
            AjaxCall(AddStudentUrl, ko.toJSON(data), "post", "json", "application/json").done(function (response) {
                if (response.IsSuccess) {

                    self.AddStudentModel(new self.StudentModal());
                    self.ClearForm();
                }
            });
        }
    };

    self.ClearForm = function() {
        self.AddStudentModel(new self.StudentModal());
    };
};
 var vm;
$(document).ready(function() {
    var student = $.parseJSON($("#student").val());
    vm = new CreateStudentModel(student);
    ko.applyBindings(vm);

});

in html i wrote this

<form class="form-horizontal" id="frmStudent" data-bind="with:$root.AddStudentModel()">

    <div>       
        @Html.TextBoxFor(m => m.FirstName,new {data_bind="value:$data.FirstName"})
        @Html.TextBoxFor(m => m.LastName,new{data_bind="value:$data.LastName"})
        @Html.TextBoxFor(m => m.State,new{data_bind="value:$data.State"} )
    </div>

in data i got "AddStudentModel,StudentModal,ClearForm"
but i want just only "addstudentmodal" in data

thank you...