title: Click not working with KnockoutJS
body: <p>I'm new to KnockoutJS and below is my code. The click event is not responding as the button is not responding. Can someone tell where I'm going wrong. </p>
  
  <p>I googled for solution but could not find any help. </p>
  
  <p>HTML Code:</p>
  
  <pre><code>&lt;table class="table table-striped b-t text-sm table-bordered table-hover"&gt;
          &lt;thead&gt;
            &lt;tr&gt;
              &lt;th&gt;Name&lt;/th&gt;
              &lt;th&gt;Mobile&lt;/th&gt;
              &lt;th&gt;Role&lt;/th&gt;
              &lt;th&gt;Created On&lt;/th&gt;
              &lt;th&gt;GM&lt;/th&gt;
              &lt;th&gt;Action&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody data-bind="foreach: $data"&gt;
            &lt;tr&gt;
              &lt;td data-bind="text: $data.user_fname + ' ' + $data.user_lname"&gt;
              &lt;/td&gt;
                &lt;button class="btn btn-danger btn-xs" data-bind="click: $data.removeUser"&gt;Delete&lt;/button&gt;
              &lt;/td&gt;
            &lt;/tr&gt;
          &lt;/tbody&gt;
  &lt;script&gt;
    getUsers();
  &lt;/script&gt;  
  </code></pre>
  
  <p>JS Code:</p>
  
  <pre><code>function getUsers()
  {
   $.ajax({
        url: "api/example/func/format/json",
        dataType: 'json'
   }).done(function(data){
   users = ko.observableArray(data);
   ko.applyBindings(users);
   }).error(function(jqXHR, textStatus){
        alert(jqXHR.status)
   });
  }
  
  function removeUser() {
   console.log('userRemoved');
  }
  </code></pre>