title: jQuery $.notify is not a function error. How can I fix this?
body: <p>In my <code>AspNetCore 3.1</code> web application, I added required <code>js</code> and <code>css</code> references to my project for <code>Bootstrap</code> notification. But I'm gettin this error when I call the <code>notify</code> function.</p>
  <p><strong>Here is my <code>css</code> references:</strong></p>
  <pre><code>&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, shrink-to-fit=no&quot; /&gt;
      &lt;meta name=&quot;description&quot; content=&quot;&quot; /&gt;
      &lt;meta name=&quot;author&quot; content=&quot;&quot; /&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;link href=&quot;~/css/styles.css&quot; rel=&quot;stylesheet&quot; /&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.21/css/dataTables.bootstrap4.min.css&quot; /&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.18/css/bootstrap-select.min.css&quot; /&gt;
      
      &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/bootstrap-notify/0.2.0/css/bootstrap-notify.min.css&quot; /&gt;
  &lt;/head&gt;
  </code></pre>
  <p><strong>Here is my <code>js</code> references</strong></p>
  <pre><code>&lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/js/all.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.5/jquery.inputmask.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.bundle.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.18/js/bootstrap-select.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.4.4/umd/popper.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/bootstrap-notify/0.2.0/js/bootstrap-notify.min.js&quot;&gt;&lt;/script&gt;
          
  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.21/js/jquery.dataTables.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.21/js/dataTables.bootstrap4.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/jquery-validation-unobtrusive/3.2.11/jquery.validate.unobtrusive.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;~/js/scripts.js&quot;&gt;&lt;/script&gt;
  </code></pre>
  <p>Bootstrap notify call:</p>
  <pre><code>$.notify({
      title: 'Hello World',
      message: 'Hello :)',
      type: 'success'
  });
  </code></pre>