JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class="btn-group" data-toggle="buttons-radio" >
  <button type="button" class="btn" data-toggle="button" id="public">
    Public
  </button>
  <button type="button" class="btn" data-toggle="button" id="private">
    Private
  </button>
  <input type="hidden" name="status" id="status" value="" />
</div>

CSS

div.btn-group[data-toggle=buttons-radio] input[type=radio] {
  display:    block;
  position:   absolute;
  top:        0;
  left:       0;
  width:      100%;
  height:     100%;
  opacity:    hidden;
  visibility: hidden;
}

JavaScript

$('div.btn-group button').click(function(){

    $("#status").attr('value', $(this).attr('id'));

})