stop two pieces of jquery from conflicting?
<p>hi i have two pieces of jquery code running alongside one another and the 2nd jquery is causing the 1st jquery to break (not work).</p>

<p>I am trying to use no conflict but i dont think im using this right. please can someone show me how to fix this, thanks.</p>

<p>jquery 1:</p>

<pre><code>    &lt;script type="text/javascript" src="assets/js/js_photos/jquery.easing.1.3.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="assets/js/js_photos/jquery.gridnav.js"&gt;&lt;/script&gt;



&lt;script type="text/javascript"&gt;
$.noConflict(true)
            $(function() {
                $('#tj_container').gridnav({
                    type    : {
                        mode        : 'seqfade',    // use def | fade | seqfade | updown | sequpdown | showhide | disperse | rows
                        speed       : 500,          // for fade, seqfade, updown, sequpdown, showhide, disperse, rows
                        easing      : '',           // for fade, seqfade, updown, sequpdown, showhide, disperse, rows   
                        factor      : 100,          // for seqfade, sequpdown, rows
                        reverse     : ''            // for sequpdown
                    }
                });
            });
        &lt;/script&gt;
</code></pre>

<p>jquery 2:</p>

<pre><code>        &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"&gt;&lt;/script&gt;
&lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt;
&lt;script src="assets/js/scroll/jquery.mousewheel.min.js"&gt;&lt;/script&gt;
&lt;script src="assets/js/scroll/jquery.mCustomScrollbar.js"&gt;&lt;/script&gt;

&lt;script&gt;
    (function($){
        $(window).load(function(){
            $(".board-wall-feeds").mCustomScrollbar();
        });
    })(jQuery);
&lt;/script&gt;
</code></pre>
