(function($){



$.fn.mySelect = function(options){



    var settings = {



        css: 'select'



    };



    if (options)

    {

        $.extend(settings, options);

    }



    return this.each(function() {





        var container = $('<div style="position: relative;"></div>');

        var value     = $('<div class="'+settings.css+'" style="position: absolute; top: 0px; left: 0px; z-index: 0"></div>');

        var select    = $(this);



        select.wrap(container);

        select.before(value);



        select.css({



            position: 'absolute',

            top:  '0px',

            left: '0px',

            width: value.width(),

            height: value.height(),

            opacity: 0



        });



        select.parent().css({



            width: value.width(),

            height: value.height(),

            marginBottom: '8px'



        });





        select.change(function(){



            value.text(select.val());



        });



        value.text(select.val());



    });



  };



})(jQuery);