I am trying to read the value of an input tag of type "search". I believe I should use $(this) in the following example, but it does not work:

$(document).ready(() => {

    $("#search-field").on("input", (event) => {
        var out = $(this).val(); 
        $(".test-label").text(out);
    })
})

However, if I use $(event.currentTarget) it does work:

$(document).ready(() => {

    $("#search-field").on("input", (event) => {
        var out = $(event.currentTarget).val();
        $(".test-label").text(out)
    })
})

According to difference between this and event target, it should work.

Am I missing something?