I have this Jquery code

1. (function($){
   
   $
   
   .expr[':'].linkingToImage = function(elem, index, match){
       
   // This will return true if the specified attribute contains a valid link to an image:
       
   return !! ($(elem).attr(match[3]) && $(elem).attr(match[3]).match(/\.(gif|jpe?g|png|bmp)$/i));
   };
   
   $
   
   .fn.imgPreview = function(userDefinedSettings){
   
       
   
   var s = $.extend({
   
           
   
   /* DEFAULTS */
   
           
   
   // CSS to be applied to image:
           imgCSS
   : {},
           
   // Distance between cursor and preview:
           distanceFromCursor
   : {top:2, left:2},
           
   // Boolean, whether or not to preload images:
           preloadImages
   : true,
           
   // Callback: run when link is hovered: container is shown:
           onShow
   : function(){},
           
   // Callback: container is hidden:
           onHide
   : function(){},
           
   // Callback: Run when image within container has loaded:
           onLoad
   : function(){},
           
   // ID to give to container (for CSS styling):
           containerID
   : 'imgPreviewContainer',
           
   // Class to be given to container while image is loading:
           containerLoadingClass
   : 'loading',
           
   // Prefix (if using thumbnails), e.g. 'thumb_'
           thumbPrefix
   : '',
           
   // Where to retrieve the image from:
           srcAttr
   : 'rel'
   
       
   
   }, userDefinedSettings),
   
       $container 
   
   = $('<div/>').attr('id', s.containerID)
                       
   .append('<img/>').hide()
                       
   .css('position','absolute')
                       
   .appendTo('body'),
   
       $img 
   
   = $('img', $container).css(s.imgCSS),
   
       
   
   // Get all valid elements (linking to images / ATTR with image link):
       $collection 
   = this.filter(':linkingToImage(' + s.srcAttr + ')');
   
       
   
   // Re-usable means to add prefix (from setting):
       
   function addPrefix(src) {
           
   return src.replace(/(\/?)([^\/]+)$/,'$1' + s.thumbPrefix + '$2');
       
   }
   
       
   
   if (s.preloadImages) {
           
   (function(i){
               
   var tempIMG = new Image(),
                   callee 
   = arguments.callee;
               tempIMG
   .src = addPrefix($($collection[i]).attr(s.srcAttr));
               tempIMG
   .onload = function(){
                   $collection
   [i + 1] && callee(i + 1);
               
   };
           
   })(0);
       
   }
   
       $collection
           
   
   
   .mousemove(function(e){
   
               $container
   
   .css({
                   top
   : e.pageY + s.distanceFromCursor.top + 'px',
                   left
   : e.pageX + s.distanceFromCursor.left + 'px'
               
   });
   
           
   
   })
           
   .hover(function(){
   
               
   
   var link = this;
               $container
                   
   
   .addClass(s.containerLoadingClass)
                   
   .show();
               $img
                   
   
   .load(function(){
                       $container
   .removeClass(s.containerLoadingClass);
                       $img
   .show();
                       s
   .onLoad.call($img[0], link);
                   
   })
                   
   .attr( 'src' , addPrefix($(link).attr(s.srcAttr)) );
               s
   .onShow.call($container[0], link);
   
           
   
   }, function(){
   
               $container
   
   .hide();
               $img
   .unbind('load').attr('src','').hide();
               s
   .onHide.call($container[0], this);
   
           
   
   });
   
       
   
   // Return full selection, not $collection!
       
   return this;
   
   
   };
   
   
   })(jQuery);
   

It works perfectly in all browsers apart from IE, which it does nothing, no errors, no clues? I have a funny feeling IE doesn't support attr? Can anyone offer any advice?