title: Getting not a function error, external script not loaded?
body: <p>I'm trying to use an <code>input mask</code> script on my site. When I reference function from the external script I get the error <code>$(...).inputmask is not a function</code>. I'm thinking this may be because the script isn't being loaded first; however, I implemented <a href="http://requirejs.org" rel="nofollow noreferrer"><code>require.js</code></a> and the issue persists.</p>
  
  <p>The two ways I've loaded the script:</p>
  
  <p>I originally loaded the script straight from my server:</p>
  
  <pre><code>&lt;script src="{% static 'jquery.inputmask.bundle.js' %}"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Then Method 1:</p>
  
  <pre><code>&lt;script data-main="{% static 'jquery.inputmask.bundle.js' %}" src="{% static 'require.js' %}"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Now Method 2:</p>
  
  <pre><code>&lt;script data-main="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/jquery.inputmask.bundle.js" src="{% static 'require.js' %}"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I'm referencing the source in my script with:</p>
  
  <pre><code>$(":input").inputmask();
  $("#phone").inputmask({"mask": "(999) 999-9999"});
  </code></pre>
  
  <p>I trouble shot a bunch of things that haven't worked but think I might just be overlooking a small thing. Any ideas?</p>
  
  <p>I've also tried implementing:</p>
  
  <pre><code>  &lt;script&gt; $("#txt").inputmask({"mask":"(999) 999-9999"}); &lt;/script&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.4/inputmask/inputmask.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.4/inputmask/jquery.inputmask.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Which results in <code>TypeError: $("#txt").inputmask is not a function. (In '$("#txt").inputmask({"mask":"(999) 999-9999"})', '$("#txt").inputmask' is undefined)</code></p>