I'm building a HTML/KnockoutJS application. My webserver returns a form with input fields with information. When I new up my model and do an `ko.applyBindings`, naturally the input values are overwritten by the model.

Is there a way to do an `ko.applyBindings` in which the model is **automatically** loaded with the data of the input fields?

---

Example: <https://jsfiddle.net/KeesCBakker/p7ygq5y2/1/>

HTML:

```
Title: <input data-bind="textInput: title" value="MyTitle" placeholder="Nothing here!" /><br/>
Text: <input data-bind="textInput: text" value="MyText" placeholder="Nothing here!" /><br/>
<button id="bind">Bind!</button>

```

JS:

```
ko.bindingHandlers.initFromInput = {
  init: function(element, valueAccessor) {
    valueAccessor()(element.value);
  }
};

function Model() {
  this.title = ko.observable();
  this.text = ko.observable();
}

document.getElementById('bind').onclick = function() {

  var model = new Model();
  ko.applyBindings(model);

};

```