title: Making a button group act like radiobuttons with Bootstrap
body: <p>Hopefully can someone help me with this one, I can't figure it out.</p>
  
  <p>I have 3 buttons in Bootstrap with one default active, see <a href="http://jsfiddle.net/sbystxp2/" rel="nofollow">http://jsfiddle.net/sbystxp2/</a>, number two has the active state.</p>
  
  <p>So far so good, but now I want the active state changed when I click on one or three and when I do that, the active state of number two must also disappear.</p>
  
  <p>Anyone any idea how to do that with Jquery?</p>
  
  <pre><code>$('.checkit .btn').click(function () {
      $(this).parent().find('input').val($(this).data("value"));
  });
  
  $('#one').on('click', function () {
      alert('one is clicked');
  });
  
  $('#two').on('click', function () {
      alert('two is clicked');
  });
  
  $('#three').on('click', function () {
      alert('three is clicked');
  }); 
  </code></pre>
  
  <p>Kind regards,</p>
  
  <p>Arie</p>