title: AngularJS: Radio buttons do not work with Bootstrap 3
body: <p>I have a radio button, which sets the value of <code>True</code> or <code>False</code> based on the value of transaction type</p>
  
  <p>The demo can be found <a href="http://plnkr.co/edit/WozerWYvfKr2sYA3vGBH?p=preview">here</a></p>
  
  <p>The problem is when I click on any of the radio button, the value of <code>$scope.transaction.debit</code> does not change</p>
  
  <p>My javascript code is</p>
  
  <pre><code>    var app = angular.module('myApp', []);
  
      app.controller("MainCtrl", function($scope){
        $scope.transaction = {};
        $scope.transaction.debit=undefined;
  
        console.log('controller initialized');
      });
  </code></pre>
  
  <p>Please let me know what I am doing wrong.</p>
  
  <p>Also, I do not want to use <code>Angular-UI</code> or <code>AngularStrap</code> for this purpose, unless no other option is available.</p>