Hey everybody, I'm not a developer so having some trouble figuring out why these won't work in ie. I have three jquery plugins for my wordpress site. Everything works fine in FF and Chrome, but IE will not show ANY of the jQuery elements. The IE debug console says there's a syntax error on character 1 of a specific line. I'll highlight the line. I've tried playing with syntax, but to no avail. Any help will be greatly appreciated. Here's the code:

 

<script type="text/javascript">
 jQuery(document).ready(function() {

jQuery('#example1 .kwicks').kwicks({
    max: 500,
    spacing:  1,
    sticky: true,
    defaultKwick: 3

        });
           });
        </script>

<script type="text/javascript">
 jQuery(document).ready(function() {

 
  jQuery('ul.tabs').each(function() {
    jQuery(this).find('li').each(function(i) {
      jQuery(this).click(function(){
        jQuery(this).addClass('current').siblings().removeClass('current')
          .parents('div.section').find('div.box').hide().end().find('div.box:eq('+i+')').fadeIn(150);
      });
    });
  });
 
});
})(jQuery) <-Debug places error here, syntax error character 1
</script>

 

<script type="text/javascript">
 jQuery(document).ready(function() {

//Caption Sliding (Partially Hidden to Visible)
    jQuery('.boxgrid.caption').hover(function(){
        jQuery(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
    }, function() {
        jQuery(".cover", this).stop().animate({top:'75px'},{queue:false,duration:160});
    });
});

</script>

 <script type="text/javascript">
 jQuery(document).ready(function() {

        jQuery('.slide-out-div').tabSlideOut({
            tabHandle: '.handle',                     //class of the element that will become your tab
            pathToTabImage: 'http://dlchub.com/db/wp-content/uploads/2010/05/avtab.png', //path to the image for the tab //Optionally can be set using css
            imageHeight: '150px',                     //height of tab image           //Optionally can be set using css
            imageWidth: '50px',                       //width of tab image            //Optionally can be set using css
            tabLocation: 'right',                      //side of screen where tab lives, top, right, bottom, or left
            speed: 300,                               //speed of animation
            action: 'hover',                          //options: 'click' or 'hover', action to trigger animation
            topPos: '201px',                          //position from the top/ use if tabLocation is left or right
            leftPos: '0px',                          //position from left/ use if tabLocation is bottom or top
            fixedPosition: false                      //options: true makes it stick(fixed position) on scroll
        });

    });

    </script>

 

Also I had to replace all of the $ with jQuery to fix some other IE debug errors. Thanks for any help guys!