title: change() is not a function
body: <p>I'm trying to get the value of an input and display a tooltip if the value is equal to 12. I first display the value of an input in a <code>&lt;p&gt;</code>, as that's what the designers want, then I get the value in jQuery.</p>
  
  <p>My idea was to make an <code>if</code> statement, and say that if the value is equal to 12, I'll display the tooltip. If the value changes and is not 12 anymore, I'll hide the tooltip. I use WordPress for the project.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function(ready) {
    var txtInput = $('.person-range-value').html();
    txtInput.change(function() {
      console.log(txtInput);
    });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;p class="person-range-value c-red"&gt;4&lt;/p&gt;
  
  &lt;div class="person-range-element"&gt;
    4
    &lt;input class="person-range slider-range" id="nombre" type="range" min="4" max="12" value="4" /&gt; 12
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I get an error: </p>
  
  <blockquote>
    <p>Uncaught TypeError: txtInput.change is not a function </p>
  </blockquote>
  
  <p>Why's that ? jQuery is included already and works properly ( the whole JS file is written with jQuery and it works fine, the error definitely comes from my function ).</p>
  
  <p>Thanks !</p>