title: Getting Uncaught ReferenceError: $ is not defined for jquery
body: <p>I am trying to call a local api I am testing. I am getting a Uncaught ReferenceError: $ is not defined on the call. Here is the JS and html. Is there something I am missing with defining the query within the .js file?  It was working before I did some refactoring I am not sure if I deleted something I need and didnt even notice it.</p>
  <p>taskpane.js</p>
  <pre><code>function domainWhois(domain){
     var apiurl = 'http://localhost:5000/linkcheck';
     console.log(&quot;entering domainWHois&quot;);
     var request = {&quot;link&quot;: domain};
     $.ajax({
      url: apiurl,
      method: 'POST',
      type: 'json',
      data: JSON.stringify(request),
      contentType: 'application/json',
      crossDomain: true
    }).done(
      function(data){
      console.log(&quot;successfully called API&quot;);
      console.log(JSON.stringify(data));
    }).fail(function(error){
       console.log(&quot;api call failed&quot;);
       console.log(JSON.stringify(error));
    });
  }
  </code></pre>
  <p>Here is the HTML set up</p>
  <pre><code>!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;meta charset=&quot;UTF-8&quot; /&gt;
      &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=Edge&quot; /&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
      &lt;title&gt;Contoso Task Pane Add-in&lt;/title&gt;
          &lt;!-- Office JavaScript API --&gt;
      
      &lt;script type=&quot;text/javascript&quot; src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js&quot; &gt;&lt;/script&gt;
      &lt;script type=&quot;text/javascript&quot; src=&quot;https://appsforoffice.microsoft.com/lib/1.1/hosted/office.js&quot;&gt;&lt;/script&gt;
  
      &lt;!-- For more information on Office UI Fabric, visit https://developer.microsoft.com/fabric. --&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/9.6.1/css/fabric.min.css&quot;/&gt;
      &lt;!-- AJAX--&gt;
      &lt;!-- Template styles --&gt;
      &lt;link href=&quot;taskpane.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
      &lt;script src=&quot;taskpane.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body class=&quot;ms-font-m ms-welcome ms-Fabric&quot;&gt;
      &lt;header class=&quot;ms-welcome__header ms-bgColor-neutralLighter&quot;&gt;
          &lt;img width=&quot;90&quot; height=&quot;90&quot; src=&quot;../../assets/logo-filled.png&quot; alt=&quot;Contoso&quot; title=&quot;Contoso&quot; /&gt;
          &lt;h1 class=&quot;ms-font-su&quot;&gt;Welcome to your Email Security Assistant&lt;/h1&gt;
      &lt;/header&gt;
      &lt;section id=&quot;sideload-msg&quot; class=&quot;ms-welcome__main&quot;&gt;
          &lt;h2 class=&quot;ms-font-xl&quot;&gt;Please sideload your add-in to see app body.&lt;/h2&gt;
      &lt;/section&gt;
      &lt;main id=&quot;app-body&quot; class=&quot;ms-welcome__main&quot; style=&quot;display: none;&quot;&gt;
          &lt;div&gt;
              &lt;h2&gt;Secuirty Checks&lt;/h2&gt;
                  &lt;h3&gt;Attachments&lt;/h3&gt;
                      &lt;p&gt;&lt;label id=&quot;attachment-count&quot;&gt;&lt;/label&gt;&lt;/p&gt;            
                      &lt;p&gt;&lt;label id=&quot;attachment-msg&quot;&gt;&lt;/label&gt;&lt;/p&gt;
                  &lt;h3&gt;Embedded Links&lt;/h3&gt;
                      &lt;p id=&quot;linkCheck&quot;&gt;&lt;/p&gt;
                  &lt;h3&gt;Header Checks&lt;/h3&gt;
                  &lt;p&gt;&lt;label id=&quot;reply-match&quot;&gt;&lt;/label&gt;&lt;/p&gt;
                  &lt;p&gt;&lt;label id=&quot;dkimspfchk&quot;&gt;&lt;/label&gt;&lt;/p&gt;
                  &lt;p&gt;&lt;label id=&quot;domainMatch&quot;&gt;&lt;/label&gt;&lt;/p&gt;
          &lt;/div&gt;
      &lt;/main&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>