Why does the code conflict?

Question

JavaScript

I make a mask for a text field, and I do a check with water in this field: but for some reason only one code works

$(document).ready(function() {

//mask_form

// работает либо эта строка
  $("#phone").mask(" [phone]");
 // либо эта
  $(".telephone").on('input', function () {

  alert("Привит")

  });
});

here is the code for the library I use for the mask: jsfiddle.net/t52ka/25

maybe the problem is because of a conflict with it? But there are no errors (

Tell me how to solve this problem?

Answer 1

function on
you are not using the on() function correctly, read the attached link, if you don’t understand, write, I will explain

Answer 2

I think that the problem can be solved by making this code run first:

$(".telephone").on('input', function () {

  alert("Привит")

  });

then this
But do not know how to do it ?