Jquery scripts NOT working due to use of $.noConflict
<p>I got 2 JS files called as " scripts1 " containing scripts of a slideshow and " the active link class " AND another one " script2 " containing scripts of " Mootools gallery " .<br>
The 1st problem was a conflict between jquery and Mootools libraries that got solved using<br>
" jQuery.noConflict() " in " script1 ".<br>
But after that the scripts of " the active link class " stopped working which does work well if I remove the " jQuery.noConflict() " from " script1 " [ But then the Mootools gallery will not work].<br>
I just guess there must be some logical problem about $ sign or something. If so, PLZ explain the logic behind.<br>
By the way, I even went through the following solutions, BUT NO RESULT !!!         </p>

<ol>
<li><a href="http://stackoverflow.com/questions/6080095/jquery-and-mootools-noconflict-is-failing">Jquery And Mootools, .noConflict is failing</a>   </li>
<li><a href="http://stackoverflow.com/questions/7385048/jquery-mootools-conflict">Jquery-Mootools conflict</a>           </li>
<li><a href="http://www.phil-taylor.com/2007/01/31/using-mootools-and-jquery-without-conflict/#.USjun6XI2ky" rel="nofollow">http://www.phil-taylor.com/2007/01/31/using-mootools-and-jquery-without-conflict/#.USjun6XI2ky</a>                          </li>
</ol>

<p>Anyway,I'd put the codes below and just hope you can tell me where im going  wrong.<br>
The file " script1.js " contains the following codes :</p>

<pre><code>jQuery(document).ready(function ()      // the slideshow function
{
     jQuery('#SlidesUl').fadeSlideShow();
});

$(function ()                           // the active link codes
{
    var url = window.location.pathname,
    urlRegExp = new RegExp(url.replace(/\/$/, '') + "$");  
    $('#Menu div span #Menu1st a').each(function () 
    {
       if (urlRegExp.test(this.href.replace(/\/$/, '')))
       {
        $(this).addClass('active1st');
       }
    });
});

jQuery.noConflict();

(function($)                           // the slideshow options and all
{
the codes
})(jQuery);                                                                    
</code></pre>

<p>And The file " script2.js " contains these :    </p>

<pre><code>jQuery(document).ready(function ($)    // the Mootools gallery codes
{
    the codes
});                                                             
</code></pre>

<p>And here is how Ive put the libraries and files :                                </p>

<pre><code>&lt;script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt;
&lt;script src="js/script1.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src=" MooTools 1.4.4 " type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="js/script2.js" type="text/javascript"&gt;&lt;/script&gt;                       
</code></pre>

<p>Any help or explanation would be greatly appreciated :)</p>
