Simple knockout.js doesn't work
<p>I am trying the simplest possible example of knockout.js but it doesn't work (first and last names stay empty). I put my script tags after html tags that use binding and call ko.applyBindings after page loads. Alert works so the function fires. Any help?</p>

<pre><code>&lt;p&gt;First name: &lt;strong data-bind="text: firstName"&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Last name: &lt;strong data-bind="text: lastName"&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;script type="text/javascript' src='js/knockout-3.4.0.js"&gt;&lt;/script&gt;
&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
function AppViewModel() {
    alert("b");
    this.firstName = "Bert";
    this.lastName = "Bertington";
}

$(window).load(function() {
    ko.applyBindings(new AppViewModel());
});
&lt;/script&gt;
</code></pre>

<p>EDIT
This problem is solved, but I have another one. What to do if I wanted to add first and last name simultaneously after clicking the button (not when inputs lose focus)?</p>

<pre><code>&lt;p&gt;First name: &lt;input data-bind="value: firstName" /&gt;&lt;/p&gt;
&lt;p&gt;Last name: &lt;input data-bind="value: lastName" /&gt;&lt;/p&gt;

&lt;a class="btn btn-primary btn-lg"  role="button"  &gt;Add&lt;/a&gt;

&lt;p&gt;First name: &lt;strong data-bind="text: firstName"&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Last name: &lt;strong data-bind="text: lastName"&gt;&lt;/strong&gt;&lt;/p&gt;


&lt;script type="text/javascript" src="js/knockout-3.4.0.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;

function AppViewModel() {
  this.firstName = ko.observable();
  this.lastName = ko.observable();
}

ko.applyBindings(new AppViewModel());

&lt;/script&gt;
</code></pre>