title: How Can I remove Conflict in my Jquery?
body: <p>I am new to JQuery And I have used 2 jQueries in my page.</p>
  
  <p>For first JQuery my script is like this:</p>
  
  <pre><code>&lt;script&gt;
      var jq = $.noConflict();
      jq(function() {
           jq( "#my_tabs" ).tabs({
           event: "click" //click
           });            
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Now when I use a second jQuery like this I lost my first jQuery. It's unable to load</p>
  
  <pre><code> &lt;script type="text/javascript"&gt;
    $(document).ready(function () {
      $("#waterwheel-carousel-default").waterwheelCarousel();
  
      $("#waterwheel-carousel-higharch").waterwheelCarousel({
          startingWaveSeparation: -90,
          waveSeparationFactor: .7,
          centerOffset: 10,
          startingItemSeparation: 120,
          itemSeparationFactor: .9,
          itemDecreaseFactor: .75
      });
  
      $("#waterwheel-carousel-horizon").waterwheelCarousel({
          startingWaveSeparation: 0,
          centerOffset: 30,
          startingItemSeparation: 150,
          itemSeparationFactor: .7,
          itemDecreaseFactor: .75,
          opacityDecreaseFactor: 1,
          autoPlay: 1500
      });
  
      $("#waterwheel-carousel-flat").waterwheelCarousel({
          itemSeparationFactor: 1,
          itemDecreaseFactor: 1,
          waveSeparationFactor: 1,
          startingWaveSeparation: 0,
          startingItemSeparation: 280,
          centerOffset: 10,
          opacityDecreaseFactor: .3,
          autoPlay: 3000,
          edgeReaction: 'reverse'
      });
  
      $("#waterwheel-carousel-vertical").waterwheelCarousel({
          orientation: 'vertical',
          startingItemSeparation: 100,
          startingWaveSeparation: 40,
          autoPlay: 2000
      });
  
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>I am using both jQueries for image sliding.. Can anyone tell me what the problem is? Thanks </p>