Print out data attribute value with jquery

Question

I get "undefined" print 3 times (the right amount of times). How can I get the data-bind value for the found inputs?

function DataBindForEdit(dataTag, controller, action) {
    // get the inputs that will be sent to the controller
    var dataBoundControls = $('[data-bind="' + dataTag + '"] [data-bind]');

    // loop over each element
    dataBoundControls.each(function () {
        var self = $(this);

        // for now just print out the value of the data-bind attribute
        alert(self.data("data-bind"));
    });
}

@section Scripts{
    <script>
        $(function () {

            $("#btnSave").click(function(){
                DataBindForEdit("Customer", "Index", "CreateCustomers");
            });
        });
    </script>
}

<form data-bind="Customer">
    Name: <input type="text" data-bind="Name" data-bind-type="text" />
    Birthday: <input type="text" data-bind="Birthday" data-bind-type="text" />
    Address: <input type="text" data-bind="Address" data-bind-type="text" />
    <input type="submit" value="Save" id="btnSave" />
</form>

Answer 1

You should not include data- . It should be:

self.data("bind")