KnockoutJS and ASP.NET MVC strongly-typed helpers

data-bind.html

<fieldset>    
   <legend>Speaker Info</legend>
   Name: <input type="text" data-bind="value: name" /> <br />
   Bio: <textarea data-bind="value: bio"></textarea> <br /> 
   Twitter Handle: <input type="text" data-bind="value: twitterHandle" /> <br /> 
   State: <input type="text" data-bind="value: state" /> <br />        
</fieldset>

data-bind_withMVC.html

<fieldset>
   <legend>Speaker Info</legend>
   Name: @Html.TextBoxFor(m => m.Name, new { data_bind= "value: name" }) <br />
   Bio: @Html.TextAreaFor(m => m.Bio, new { data_bind= "value:bio" }) <br />
   Twitter Handle: @Html.TextBoxFor(m => m.TwitterHandle, new { data_bind= "value: twitterHandle" }) <br />
   State: @Html.TextBoxFor(m => m.State, new { data_bind= "value: state" }) <br />
</fieldset>

modelBinder.js

modelBinder.createBindings = function (bindlist) {
   function setBinding(id, value) {
      var el = getElement(id);
      if (el) {
         el.setAttribute('data-bind', value);
      }
   }

   function getElement(id) {
      var el = document.getElementById(id);
 
      if (!el) {
         id = id.charAt(0).toUpperCase() + id.slice(1);
         el = document.getElementById(id);
      }
      return el;
  }    

  /* other code here */
};

MVCandUnobtrusive.html

<fieldset>
   <legend>Speaker Info</legend>
   Name: @Html.TextBoxFor(m => m.Name) <br />
   Bio: @Html.TextAreaFor(m => m.Bio) <br />
   Twitter Handle: @Html.TextBoxFor(m => m.TwitterHandle) <br />
   State: @Html.TextBoxFor(m => m.State) <br />
</fieldset>