title: 'Span' tag binding issues with knockout
body: <p>I am fairly new to Knockout and can't get my head around this problem.</p>
  
  <p>The HTML is:</p>
  
  <pre><code>&lt;span data-bind="text: greetings" /&gt;
  &lt;input data-bind="value: firstname" /&gt;
  &lt;input data-bind="value: lastname" /&gt;
  &lt;span data-bind="text: greetings"&gt;Default 2&lt;/span&gt;​
  </code></pre>
  
  <p>and the relevant JS is </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function () {
      var dv = document.getElementById('divMain');
      ko.applyBindings(new Vm());
  });
  
  function Vm() {
      this.greetings = ko.observable("hello world");
      this.firstname = ko.observable("firstname");
      this.lastname = ko.observable("lastname");
  };
  &lt;/script&gt;
  </code></pre>
  
  <p>(<a href="http://jsfiddle.net/j2E9G/4/" rel="nofollow">jsfiddle</a>)</p>
  
  <p>The problem is that controls are not getting bound after the first span tag (greetings). </p>
  
  <p>But if I enclose the span tag inside some <code>div</code> then binding works for every control. </p>
  
  <p>Is this behavior common? Why controls beyond first span wouldn't bind?.</p>
  
  <p>Cheers,</p>