Значение, отправленное через JQuery AJAX, всегда равно нулю в контроллере

Question

Мне трудно передать значение строки, введенной в текстовое поле, идущей в контроллер с помощью AJAX. Я пробовал это, но это не сработало.

<input type="text" name="refID" id="refID"><br />
<button type="button" class="submit">Submit</button>

$(document).ready(function() {
  $(".submit").click(function() {
    alert("hahaha");
    $.ajax({
      type: 'GET',
      url: '@Url.Action("TransactionVerification", "Dashboard")',
      data: {
        RefID: $("#refID").val()
      },
      success: function (response) {
        $(".content").html(response);
      },
      error: function () {
        alert("Problem on uploading file");
      }
    });
  });
});

public async Task<ActionResult> TransactionVerification(String RefId)
{
  //some code
}

При отладке значение RefId в контроллере всегда равно нулю.