Можно ли переделать скрипт плавного скролла?

Есть скрипт плавного скрола срабатывающего от href:

$(".slowly").on("click", function (event) {
      /*Отменяем стандартную обработку нажатия по ссылке.*/
      event.preventDefault();
      /*Забираем идентификатор блока с атрибута href.*/
      var id = $(this).attr('href'),
      /*Узнаём высоту от начала страницы до блока, на который ссылается якорь.*/
      top = $(id).offset().top;
      /*Анимируем переход на расстояние - top за 1000ms.*/
      $('body,html').animate({scrollTop: top}, 1200);

Можно ли сделать так, что бы кнопка срабатывала якорем по той же функции что и ссылка -

<form action="#tutorial" class="slowly">
		<button class="button slogan-button hvr-bounce-in">
				<span>Перейти!</span>
		</button>
</form>

Только href в скрипте, был заменен на action - плавный переход к id нужного блока, попробовал в скрипте просто изменить href на action. Не работает
UPD: пытаюсь сделать для того что бы не плодить лишний css код, так как кнопки одинаковые, и стили прописаны для всех, не хотелось бы лепить отдельную ссылку с оформлением под эту кнопку