Селектор идентификатора jQuery работает только для первого элемента

У меня есть 3 кнопки с одинаковым идентификатором, мне нужно получить значение каждой кнопки, когда он нажимается.

<button id="xyz" type="button" class="btn btn-primary" value="1">XYZ1</button>
<button id="xyz" type="button" class="btn btn-primary" value="2">XYZ2</button>
<button id="xyz" type="button" class="btn btn-primary" value="3">XYZ3</button>

Вот мой токjQuery сценарий:

$("#xyz").click(function(){
      var xyz = $(this).val();
      alert(xyz);
});

Но это работает только для первой кнопки, нажатие на другие кнопки игнорируется.

Ответы на вопрос(6)

Ваш ответ на вопрос