JSFiddle - React, Tailwind, and code Playground

by shriek

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-min.js"></script>
Knockout Bounded Gender: <input type="text" data-bind="value:gender" disabled></p>
<form>
  <input id="maleID" type="radio" name="gender" value="male" data-bind="checked:gender">Male
  <input id="femaleID" type="radio" name="gender" value="female" data-bind="checked:gender">Female
</form>
  Double clicking the button or degrading knockout to 3.0.0 will work as intended</br>
  <input type="button" id="maleBtn" value="MaleJqueryClick"/>
<input type="button" id="femaleBtn" value="FemaleJqueryClick"/>

JavaScript

//to simulate jquery click on the radio button
$("#maleBtn").on("click", function(){
  $("#maleID").click();
});
$("#femaleBtn").on("click", function(){
  $("#femaleID").click();
});

var viewModel = {
  gender: ko.observable()
};
ko.applyBindings(Object.create(viewModel));