title: Intl Tel Input Uncaught TypeError: Cannot read property 'getAttribute' of null at new Iti (intlTelInput.js:146) at intlTelInput.js:1282
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="styles/intlTelInput.scss"&gt;
  &lt;input type="tel" required id="#consultPhone"&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/15.0.0/js/intlTelInput.js"&gt;&lt;/script&gt;
    &lt;script src="scripts/scripts.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
      var consultInput = document.querySelector('#consultPhone');
      var iti = window.intlTelInput(consultInput, {
        separateDialCode:true,
        utilsScript: "https://cdn.jsdelivr.net/npm/intl-tel-input@17.0.3/build/js/utils.js",
      });
      window.iti = iti;
    &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>So this is my code, when I open the page the input is empty and i get this error:
  Uncaught TypeError: Cannot read property 'getAttribute' of null at new Iti (intlTelInput.js:146 at intlTelInput.js:1282 at index.html:973</p>