Clean way to bind result value of bootstrap radio buttons to a single form input

Twitter Bootstrap Radio Button Form Inputs.html

<form>
<div class="btn-group" data-toggle-name="is_private" data-toggle="buttons-radio" >
  <button type="button" value="0" class="btn" data-toggle="button">Public</button>
  <button type="button" value="1" class="btn" data-toggle="button">Private</button>
</div>
<input type="hidden" name="is_private" value="0" />
</form>

Twitter Bootstrap Radio Button Form Inputs.js

$(function() {
    $('div.btn-group[data-toggle-name]').each(function() {
        var group = $(this);
        var form = group.parents('form').eq(0);
        var name = group.attr('data-toggle-name');
        var hidden = $('input[name="' + name + '"]', form);
        $('button', group).each(function() {
            var button = $(this);
            button.live('click', function() {
                hidden.val($(this).val());
            });
            if (button.val() == hidden.val()) {
                button.addClass('active');
            }
        });
    });
});

+1. Thanks!

I had to change button.live to button.on button.on('click', function() {
to get this to work with jquery 1.9.1

good show!

Updated for Bootstrap 3 here: https://gist.github.com/canuk/7017679

i modify a bit https://gist.github.com/infacq/7191382