title: Why is my two javascript codes not running?
body: <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>