title: Loaded jQuery UI library but getting "Uncaught TypeError: $(...).effect is not a function"
body: <p>Trying to make the #intro_title bounce when the document is ready. I loaded both the jQuery and jQuery UI libraries and I still get "Uncaught TypeError: $(...).effect is not a function". I suspect that this is an issue with importing the jQuery UI library so...</p>
  
  <p>I tried loading the libraries at the end of the body, head, html, etc. and changed "src" to "href" but I get the same result each time. I even tried both Google's and jQuery's hosted libraries only to meet the same result.</p>
  
  <p>lodge_101.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;link rel="stylesheet" type="text/css" href="lodge_101_main.css"&gt;
  &lt;head&gt;
      &lt;title&gt;Scipio Lodge 101&lt;/title&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;h1 id="intro_title"&gt;WELCOME TO LODGE 101&lt;/h1&gt;
  
  
  &lt;script src="lodge_101_main.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>lodge_101_main.js</p>
  
  <pre><code>$(document).ready(function() {
       $("#intro_title").effect("bounce", { times:3 }, "slow");
  });
  </code></pre>
  
  <p>Why does this continue to happen and how can I fix it? I'm still new to programming so please be very critical of my work, thank you!</p>