title: Jquery conflict
body: <p>I'm new here and I have a big problem that I can't solve</p>
  
  <p>I have two scripts that don't work with one another</p>
  
  <p>Here's the code</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" &gt;&lt;/script&gt;
  
  
  &lt;script type="text/javascript"&gt;
  $(document).ready(function(){
  $("#featured &gt; ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 0, true);
  });
  &lt;/script&gt;
      &lt;script type="text/javascript" src="js/jquery-1.4.2.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" src="js/jquery.skripta_1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function(){
          $('#slider1').skripta_1();  
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Now, when this code is included this part</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function(){
          $("#featured &gt; ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 0, true);
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>doesn't work</p>
  
  <p>But when I remove this part</p>
  
  <pre><code>  &lt;script type="text/javascript" src="js/jquery-1.4.2.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>the first part mentioned does work, but this one</p>
  
  <pre><code>&lt;script type="text/javascript" src="js/jquery.skripta_1.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          $(document).ready(function(){
              $('#slider1').skripta_1();  
          });
      &lt;/script&gt;
  </code></pre>
  
  <p>does not</p>
  
  <p>I've already tried everything that involves noConflict and renaming <code>$</code> with jQuery, but nothing helps</p>