JQuery 'undefined' is not a function error
<p>I am using some JQuery on my website and all my other functions work the same way and don't give me an error but this one in particular gives me the error:</p>

<pre><code> TypeError: 'undefined' is not a function (evaluating '$('.main-scn .livecontainer').delay(200).aniamte({left:'+=200'}, 500, function() {extend = 0})')
</code></pre>

<p>Heres the code:</p>

<pre><code>var extend = 1;
$('.main-scn .controls .icon').click(function() {
    if (extend == 1) {
        $('.main-scn .right .content').fadeOut(200).delay(550).fadeIn(200);
        $('.main-scn .livecontainer').delay(200).aniamte({left:'+=200'}, 500, function() {extend = 0});
    } else if (extend == 0) {
        $('.main-scn .right .content').fadeOut(200).delay(550).fadeIn(200);
        $('.main-scn .livecontainer').delay(200).animate({left:'-=200'}, 500, function() {extend = 1});     } 
});
</code></pre>

<p>I've tried finding the error but I can't find it anywhere. Why wouldn't this work? Thanks!</p>
