[MC-XOBAHCK]

Здравствуйте!
Помогите пожалуйста, совсем запутался.
Мне нужно получить значение из группы кнопок. Макет кнопок следующий:

<div class="col-6 krovColor">
	<div class="btn-group" role="group" aria-label="Basic example">
		<button type="button" class="btn btn-primary" name="color" value="Терракотовый">1</button>
		<button type="button" class="btn btn-secondary" name="color" value="Медный">2</button>
		<button type="button" class="btn btn-success" name="color" value="Каштановый">3</button>
		<button type="button" class="btn btn-danger" name="color" value="Коричневый">4</button>
		<button type="button" class="btn btn-warning" name="color" value="Кирпичный">5</button>
	</div>
</div>

Можно ли с такого макета получать значение? Я запутался вот решил спросить.
У меня на jQury вот такое начало, но оно не работает:

$(function() {
    var color = $('.krovColor > button[name="color"]').val();
        console.log(color);
});

Подскажите, что я неправильно делаю. Или правильно эти кнопки на radio переделать, чтобы был переключатель?
Я макет верстаю по бутстрапу, есть такой ещё вариант под макет группы кнопок:

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-secondary active">
    <input type="radio" name="options" id="option1" autocomplete="off" checked> Radio 1 (preselected)
  </label>
  <label class="btn btn-secondary">
    <input type="radio" name="options" id="option2" autocomplete="off"> Radio 2
  </label>
  <label class="btn btn-secondary">
    <input type="radio" name="options" id="option3" autocomplete="off"> Radio 3
  </label>
</div>

Мне правильно будет перейти на радио группу кнопок?