Why is my two javascript codes not running?
<p>I am using two different scripts on one page and when I call them both, one of them doesn't work. If I delete one then the one left works. Why aren't they both working? Here is what I have in the head of my page:</p>

<pre><code>&lt;script type="text/javascript" src="jscript/jquery.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="jscript/script.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="../plugins/nicescroll/jquery.nicescroll.min.js"&gt;&lt;/script&gt;
&lt;script&gt;
    $(document).ready(function () {
        var nice = $("html").niceScroll();
        $("#outer").html($("#outer").html());
        $(".overflow").niceScroll({
            cursorborder: "",
            cursorcolor: "#333333",
            boxzoom: false,
            cursorwidth: "5px"
        });
    });
&lt;/script&gt;
&lt;script type="text/javascript" src="tabslider/javascripts/jquery-1.3.2.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="tabslider/javascripts/jquery.easing.1.3.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="tabslider/javascripts/jquery.coda-slider-2.0.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
    $(document).ready(function () {
        $('#coda-slider-1').codaSlider();
    });
&lt;/script&gt;
</code></pre>

<p><a href="http://pastebin.com/MwNTNhXV" rel="nofollow">Posted code on PasteBin: http://pastebin.com/MwNTNhXV</a></p>
