$.notify is not a function with Bootstrap in MVC after ajax call
<p>I want to show a notify when an ajax function completes. My ajax is good I just can't seem to get the notify to work. I have jquery and everything installed and I also have notify.js. From the Chrome console I came to know the below error</p>

<blockquote>
  <p>Uncaught TypeError: $.notify is not a function</p>
</blockquote>

<p>And also I am getting my ajax response fine. Below is the code for notifying,</p>

<pre><code>@if (TempData.ContainsKey("SuccessMessage"))
{
    &lt;script&gt;
        $.notify({
            message: '@TempData["SuccessMessage"].ToString()'
        }, {
            type: 'success',
            delay: 7000,
        });
    &lt;/script&gt;
}
</code></pre>

<p>And below is the references added for the same,</p>

<pre><code>&lt;script src="/bootstrap/js/notify.js"&gt;&lt;/script&gt;
&lt;script src="/scripts/js/jquery.min.js"&gt;&lt;/script&gt;
</code></pre>

<p>Let me know if I am making any mistakes</p>