Why won't my animation effect work?

Question

Beginer question:

i load ->

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

after that mt js file

all in the head section.

html:

<li class="form-row" id="req-shake">
  <label class="requried-field"> *</label>
  <label>some label</label>
  <input id="input-email" name="email" type="text" class="text-input required email default"  value="" title="example@example.com" />
</li>

js error:

am i doing something wrong?

Thanks

Answer 1

Include these three files too

 <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

Answer 2

As the error message in your console tells you, there is no .effect() method of jQuery.
You should include jQuery UI in addition to jQuery to get the .effect() method from jQuery UI.