Onmouseover and onmouseout in jQuery

Onmouseover and onmouseout in jQuery

I am trying to use onmouseover and onmouseout in jQuery and it is not working.

Can anoyone help me out and let me know what I am doing wrong?

Thanks much

  1.         $.fn.MenuLinksCountry = function(options) {
                return this.each(function() {
                    var defaults = {images: [
                        '<a href=""><img src="weather.png" width="80" onmouseover ="this.src='weather-link.jpg'" onmouseout="this.src='weather.png'"></a>']};
                    var settings = $.extend(defaults, options || {});
                    $(this).append( settings.images.join('') );
                });
            };