title: jQuery "$(...).effect is not a function"
body: <p>I searched through the forum already but I can't find any way to fix the problem I have with the "effect" function in jQuery.</p>
  
  <p>I get exactly the error <code>TypeError: $(...).effect is not a function</code> in the code :</p>
  
  <pre><code>$('div.step').removeClass('active');
  $("div.step").effect('slide', {direction: 'right', mode: 'hide'}, 500);
  $('#step' + step + '').addClass('active');
  $('#step' + step + '').effect('slide', {direction: 'right', mode: 'show'}, 500);
  </code></pre>
  
  <p>I included both jQuery and jQuery UI like this in <code>&lt;head&gt;&lt;/head&gt;</code> :</p>
  
  <pre><code>&lt;script src="http://code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>But in vain, do you have any idea? Thank you</p>