How can I reset my textarea maxlength if I close my modal.

I already did cleaning my textarea if I close my modal but my maxlength validation is not resetting.

```
<div class="modal fade" id="Cancel" tabindex="-1" role="dialog" aria-labelledby="Cancel-label" aria-hidden="true">
<div class="modal-dialog" style="top: 100px; width: 325px;">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="Cancel-label">Reason for Disapproval</h4>
        </div>
        <div class="modal-body">
            <p>Reason for disapproval of the item(s). [Required]</p>
            @Html.TextArea("Remarks", new { 
                                           @placeholder= "100 characters left.",
                                           @required=true,
                                           @style="height:120px; width: 750px;",
                                           @data_bind = "textInput: message.view"
                                         })
            <br>
            <span data-bind="text: charLeft"></span> characters left.
        </div>
        <div class="modal-footer">
            <button type="submit" name="command" value="Cancel" class="btn btn-primary col-sm-3 pull-left">OK</button>
            <button type="button" class="btn btn-default col-sm-3 pull-left" data-dismiss="modal">Close</button>
        </div>
    </div>
</div>

```

I have this knockoutjs which bind the maxlength

```
        ko.extenders.maxlength = function (target, maxlength) {
            var view = ko.dependentObservable({
                read: target,
                write: function (value) {
                    if (value.length <= maxlength) {
                        target(value);
                    } else {
                        view.notifySubscribers(target());
                    }
                }
            });
            target.view = view;
            target.maxlength = maxlength;
            return target;
        };

        function ViewModel() {
            this.message = ko.observable('').extend({ maxlength: 100 });
            this.charLeft = ko.pureComputed(function () {
                return this.message.maxlength - this.message().length;
            }, this);
        }

        ko.applyBindings(new ViewModel());

```

And for clearing my textarea i have this jquery

```
        $('#Cancel').on('hidden.bs.modal', function (e) {
            $(this)
              .find("input,textarea,select")
                 .val('')
                 .end()
              .find("input[type=checkbox], input[type=radio]")
                 .prop("checked", "")
                 .end();
        })

```

Can someone help me.