title: knockout js radio button click event reset selection
body: <p>I have bind "checked" and "click" event on a radio button list. But whenever a radio button is clicked, the selection does not stay. I must be doing something really wrong. Really appreciate if you guys can point me to the right direction. </p>
  
  <p>Please see the <a href="http://jsfiddle.net/rasikasampath/jhHkD/">Fiddle Here</a></p>
  
  <p>View model:</p>
  
  <pre><code>var viewModel = {
      wantsSpam: ko.observable(true),
      spamFlavor: ko.observable('cherry'),
  
      click: function(model){
          console.log(model);
      }
  };
  </code></pre>
  
  <p>View:</p>
  
  <pre><code>&lt;input type="radio" name="flavorGroup" value="cherry" 
         data-bind="checked: spamFlavor, click:click" /&gt;
  </code></pre>