问下用过clueTip.js的高手 为什么我的clueTip.js没预期的效果

问题描述如下：
代码：
<!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>
  <meta http-equiv="Content-type" content="text/html; charset=gb2312" />
  <title>clueTip Plugin Demo</title>
  <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>  <link rel="stylesheet" type="text/css" href="jquery.cluetip.css" />
  <script type="text/javascript" src="jquery.cluetip.js"></script>
  <script type="text/javascript" src="jquery-1.4.4.js"></script>
  <script type="text/javascript">
    $(function(){
        $('a.title').cluetip({splitTitle: '|'});
    });
  </script>  <!-- other scripts are below, just above the closing </body tag -->
</head>
<body>
    <div>
     <a class="title" href="#"  title="This is the title|The first set of body content comes after the first delimiter in the title.|In this case, the delimiter is a pipe.">This example</a> 
  </div> 
</body>
</html>鼠标放到“This example”后弹出的是“This is the title|The first set of body content comes after the first delimiter in the title.|In this case, the delimiter is a pipe” 没有格式显示 和没有cluetip.js是一样的。如何解决？