get hidden field value in knockout js MVC 4

I am going to share the code sample for how to get hidden field value in knockout js using MVC 4

In the step 1st, View code

<div id="my-container">

<ul data-bind="foreach: mDateTime">
        <li>
            <h2 data-bind="text: $data"></h2>
                <ul data-bind="foreach: $root.matter.index.type()[$data]">
                <li> 
                        <div id="box">
                              <input type="hidden" data-bind="attr: { value: matterId }" id="hdfMatterId"/> 
                        </div>                                 
                </li>            

             </ul>
        </li>
    </ul>
</div>

In the step 2nd, ViewModel knockoutjs code

$(document).ready(function () {
    $("#lnkbDeleteTimeEntry").live('click', function () {    });
});

function deleteTimeEntry() {
    var TimeEntryViewModel = function () {        var self = this;
        self.matterId = ko.observable();            self.UpdateTimeEntry = function () {
                $.ajax({
                    type: "POST",
                    url: '/iTkTimeEntry/DeleteTimeEntry/',
                    data: "{matterId: '" + self.matterId() + "'}",
                    contentType: "application/json; charset=utf-8",
                    success: function (result) {
                        //Todo: call to view model
                        alert(result.matterId);
                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                        var errorMessage = '';
                        $('#message').html(jqXHR.responseText);
                    }
                });
            };
    };
    ko.applyBindings(new TimeEntryViewModel());
}