Bootstrap Radio Button Replacement

javascript.js

$('.form-replacement').each(function() {

  var group = $(this);
  var name = group.attr('data-toggle-name');
  var hidden = $('input[name="' + name + '"]');

  $('button', group).each(function() {

      var button = $(this);

      button.on('click', function() {

          hidden.val($(this).val()).trigger('change');

          if (hidden.val() == $(this).val())
          {
              $('button', group).removeClass('active');
              $(this).addClass('active');
          }

      });

      if (hidden.val() == button.val())
      {
        $('button', group).removeClass('active');
        $(this).addClass('active');
      }

  });

});

Markup.html

<div class="btn-toolbar form-replacement" data-toggle-name="field_name">
    <button type="button" value="true" class="btn btn-default">Yes</button>
    <button type="button" value="false" class="btn btn-default">No</button>
</div>

<input name="field_name" type="hidden">