How do I turn a button group in Bootstrap into a radio-style input to my form?

Question

I have the following HTML that creates a radio button group using Bootstrap.

Answer 1

Here is my solution: http://jsfiddle.net/tFYV9/1/

EDIT (Code from jsFiddle)

HTML

 
  
    female  
  
  
    male
  
​

JavaScript

// Bootstrap Hack
var _old_toggle = $.fn.button.prototype.constructor.Constructor.prototype.toggle;
$.fn.button.prototype.constructor.Constructor.prototype.toggle = function(){
  _old_toggle.apply(this);
  var $parent = this.$element.parent('[data-toggle="buttons-radio"]')
  var target = $parent ? $parent.data('target') : undefined;
  var value = this.$element.attr('value');
  if(target && value){
    $('#'+target).val(value);
  }
}