title: How to create a button toggle with two states, that behaves like a checkbox for form input
body: <p>I want to use bootstrap buttons (<a href="http://getbootstrap.com/javascript/#buttons" rel="nofollow">http://getbootstrap.com/javascript/#buttons</a>) to create a checkbox-like input, with two states:</p>
  
  <ul>
  <li>One that displays a button with "Option A selected"; and</li>
  <li>The other that displays "Option B selected".</li>
  </ul>
  
  <p>When the button is clicked, I want it to toggle between these two messages, but also be able to pass the selection to the form. </p>
  
  <p>What's the best way to do this? My first thought was to try and mark-up <code>data-toggle="button"</code>, but I'm not convinced this is the easiest way. Any ideas?</p>