title: TypeError: $(...). is not a function
body: <p>I'm trying to track down an error
  <strong><em>TypeError: $(...).clientSideCaptcha is not a function at RegisterCapcha (<a href="http://localhost:4382/xxx/index.html:98:31" rel="noreferrer">http://localhost:4382/xxx/index.html:98:31</a>)</em></strong></p>
  
  <p>, am working in angularJS project. simple issue but i can't got out from it.</p>
  
  <p>i have implemented a captcha using j query and successfully working in a view when on on-click but thing is i have try to load that same captcha in other view in on-load but captcha function is not loading.</p>
  
  <p>in view1 captcha working fine code below</p>
  
  <p><strong>view1.html</strong></p>
  
  <pre><code>&lt;a onclick="RegisterCapcha(); ReverseContentDisplay('job-apply'); return true;"
         href="javascript:ReverseContentDisplay('job-apply')"&gt;
  
  
  &lt;form  id="careersForm" &gt; 
        &lt;table class="apply-form"&gt;
         &lt;tr&gt;
          &lt;td&gt;First Name  &lt;/td&gt;
          &lt;td&gt;&lt;input type="text" name="First_Name" class="applytext" required id="First_Name"&gt;&lt;/td&gt;
         &lt;/tr&gt;
  &lt;tr&gt;
                &lt;td colspan="2" class="applytable" &gt;
                      &lt;div class="editor-field"&gt;
                          &lt;p&gt;
                              &lt;label&gt;
                                  Enter the text shown below:
                                  &lt;input type="text" id="captchaText" onkeyup="javascript:EnableApply();" /&gt;&lt;/label&gt;&lt;/p&gt;
                          &lt;p id="captcha"&gt;
                          &lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
         &lt;tr&gt;
   &lt;input type="submit" id="careerbtn" name="button" disabled="disabled" class="send-resume" value="SEND" style="margin-left:24%;"&gt;
  </code></pre>
  
  <p><strong>script declared in index.html</strong></p>
  
  <pre><code>&lt;script src="js/captcha/jquery.clientsidecaptcha.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
      function EnableApply() {
  
          var OriginalCaptcha = $('#careersForm').data('captchaText');
          var userCapcha = $('#captchaText').val();
          if (OriginalCaptcha == userCapcha) {
              $('#careerbtn').removeAttr('disabled');
          }
          else {
              $('#careerbtn').attr('disabled', 'disabled');
          }
      }
  
      function RegisterCapcha() {
          $("#captcha").html(''); //reset the generated captcha first
          $("#captchaText").val('');
          $("#careersForm").clientSideCaptcha({
              input: "#captchaText",
              display: "#captcha",
          });            
      }
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>view2:</strong>
  same form with same RegisterCapcha(); script in onload but calling in view2</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
      $(document).ready(function () { RegisterCapcha(); });
  &lt;/script&gt;
  
  
  &lt;form  id="careersForm" &gt; 
            &lt;table class="apply-form"&gt;
             &lt;tr&gt;
              &lt;td&gt;First Name  &lt;/td&gt;
              &lt;td&gt;&lt;input type="text" name="First_Name" class="applytext" required id="First_Name"&gt;&lt;/td&gt;
             &lt;/tr&gt;
      &lt;tr&gt;
                    &lt;td colspan="2" class="applytable" &gt;
                          &lt;div class="editor-field"&gt;
                              &lt;p&gt;
                                  &lt;label&gt;
                                      Enter the text shown below:
                                      &lt;input type="text" id="captchaText" onkeyup="javascript:EnableApply();" /&gt;&lt;/label&gt;&lt;/p&gt;
                              &lt;p id="captcha"&gt;
                              &lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
             &lt;tr&gt;
       &lt;input type="submit" id="careerbtn" name="button" disabled="disabled" class="send-resume" value="SEND" style="margin-left:24%;"&gt;
  </code></pre>
  
  <p>please help me to solve it thanks in advance :)</p>