mootoolsとjQueryの共存がうまくいかず、エラーが出る。

再度回答いただきまして、本当にありがとうございます。
ちょっと長くなりますが、読んでいただけると助かります。

>jQueryの機能はj$()
>で使わなければならないのでは？
No.2さんは間違っていないと思います、私もそう思うのですが、、；
参考サイトにかかれている、「$がj$に全て書き換え(置換)しなくてもいい」ができたら便利だなぁ、と思いまして。。
しかし私では知識が浅いため、参考サイトのを入れてみても分からなかったので質問させていただきました。
引き続き調べていますが。。
通常はNo.2さんが書かれていらっしゃるとおり、
記述的にvar j$ = jQuery;となっているので、$をj$にしなければいけないかと思います。

No.2さんの方法も、実際コピー＆ペーストで入れて試してみたところ、$をj$にする箇所ですが、
実は読み込んでいる「jquery.lavalamp.js」の中にも$の箇所があったので、
すべて「j$」に置換しまして、上書きで入れてみたのですが、うまくいきませんでした、
以下のその箇所を貼りつけてみたのですが、、何か間違っていますでしょうか。。


「jquery.lavalamp.js」置換前---------------------------------------------------------------------------------

(function($) {
$.fn.lavaLamp = function(o) {
o = $.extend({ fx: "linear", speed: 500, click: function(){} }, o || {});

return this.each(function() {
var me = $(this), noop = function(){},
$back = $('<li class="back"><div class="left"></div></li>').appendTo(me),
$li = $("li", this), curr = $("li.current", this)[0] || $($li[0]).addClass("current")[0];

$li.not(".back").hover(function() {
move(this);
}, noop);

$(this).hover(noop, function() {
move(curr);
});

$li.click(function(e) {
setCurr(this);
return o.click.apply(this, [e, this]);
});

setCurr(curr);

function setCurr(el) {
$back.css({ "left": el.offsetLeft+"px", "width": el.offsetWidth+"px" });
curr = el;
};

function move(el) {
$back.each(function() {
$(this).dequeue(); }
).animate({
width: el.offsetWidth,
left: el.offsetLeft
}, o.speed, o.fx);
};

});
};
})(jQuery);


置換後----------------------------------------------------------------------------------

(function(j$) {
j$.fn.lavaLamp = function(o) {
o = j$.extend({ fx: "linear", speed: 500, click: function(){} }, o || {});

return this.each(function() {
var me = j$(this), noop = function(){},
j$back = j$('<li class="back"><div class="left"></div></li>').appendTo(me),
j$li = j$("li", this), curr = j$("li.current", this)[0] || j$(j$li[0]).addClass("current")[0];

j$li.not(".back").hover(function() {
move(this);
}, noop);

j$(this).hover(noop, function() {
move(curr);
});

j$li.click(function(e) {
setCurr(this);
return o.click.apply(this, [e, this]);
});

setCurr(curr);

function setCurr(el) {
j$back.css({ "left": el.offsetLeft+"px", "width": el.offsetWidth+"px" });
curr = el;
};

function move(el) {
j$back.each(function() {
j$(this).dequeue(); }
).animate({
width: el.offsetWidth,
left: el.offsetLeft
}, o.speed, o.fx);
};

});
};
})(jQuery);