Alex: Jquery innerfade problem

Hallo ich bin am Verzweifeln, mache genau das was bei http://medienfreunde.com/lab/innerfade/ steht und ich bekomme es nicht zum laufen.
Habe zwei Bilder, die ich faden will.
folgender code:

<?xml version="1.0" encoding="UTF-8"?>  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
<head>  
    <title><!-- Insert your title here --></title>  
    <link rel="stylesheet" href="style.css"></link>  
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>  
  
    <script type="text/javascript" src="js/jquery.innerfade.js"></script>  
  
</head>  
<body>  
    <script type="text/javascript">  
        $(document).ready(function(){  
            $('div#portfolio').innerfade({  
                speed: 'slow',  
                timeout: 4000,  
                type: 'sequence',  
                containerheight: '220px'  
            });  
       });  
  
    </script>  
  <div id="fadeing">  
        <ul id="portfolio" style="list-style: none;">  
            <li><img src="images/test1.jpg"  /></li>  
            <li><img src="images/test2.jpg"  /></li>  
        </ul>  
  
    </div>  
</body>  
</html>

Doch er bringt mir immer folgende Fehlermeldung in der Fehlerkonsole:
Fehler: $("div#portfolio").innerfade is not a function
Quelldatei: http://localhost/pallium/test.html
Zeile: 19

Was kann ich tun, vielen Dank.
MFg

  1. Es muss natürlich so heißen:

    $('#portfolio').innerfade({

    aber auch dann funktioniert es nicht.

  2. Problem gelöst!!!