how to stop jquery conflicts?
<p>can someone help me please i am using this piece of jquery to call a jquery lightbox but its interfering with another jquery element on the page. does anyone know if theres a way i can get the two jquery scripts to run along side each other without any problems? thanks.</p>

<p>jquery script one:</p>

<pre><code> &lt;script type="text/javascript" src="assets/js/photobox2/jquery_1.5-jquery_ui.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="assets/js/photobox2/pirobox_extended_feb_2011.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function() {
    $.piroBox_ext({
    piro_speed :700,
    bg_alpha : 0.5,
    piro_scroll : true,
    piro_drag :false,
    piro_nav_pos: 'bottom'
});
});
&lt;/script&gt;
</code></pre>

<p>jquery script 2:</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.mousewheel.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;
            $(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>
