Получить имя класса кнопки на которую кликнули Jquery

$(document).ready(function() { 
  $("button").on("click", function() { 
    alert($(this).attr("class")); 
  }); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type='button' class='met1' value='vvod' /><br> 
<input type='button' class='met2' value='vvod' /><br> 
<input type='button' class='met2' value='vvod' /><br>

Собственно сами кнопки я генерирую через php что-то типа: btn1, btn2 и т.д.
В файле js описываю следующую вещь:

$(document).ready(function(){
  $("button").on("click",function(){
        alert($(this).attr("class"));
  });
});

Ну и ничего не работает... Может есть какой-то простой способ сделать так, чтобы кнопки работали (не хочется 10 кнопок писать)?

Ну а имя класса я хотел получить, чтобы вытащить из него номер кнопки после чего кинуть в ajax запрос.

Или может есть у кого-то идеи получить номер кнопок как-то иначе, буду благодарен любой помощи, спасибо !