Used with oasis-star-wars-bootstrap

main.js

$(document).ready(
  function() {
    var switcherFunc = function() {
      $('> .btn', this.parentNode).addClass('btn-default').removeClass('btn-primary');
      $(this).addClass('btn-primary');
    };

    $('.sex .btn').on('click', switcherFunc);
    $('.race .btn').on('click', switcherFunc);
    $('.stats .btn').on('click', switcherFunc);

    var characterSwitcherFunc = function() {
      $('.btn', this.closest('.characters')).addClass('btn-default').removeClass('btn-primary');
      $(this).addClass('btn-primary');
    };
    $('.characters .btn').on('click', characterSwitcherFunc);
  });