Accessible fancy select js. Modified from http://cssglobe.com/post/8802/custom-styling-of-the-select-elements

gistfile1

$('select.select').each(function(){
    var title = $(this).attr('title');
    if( $('option:selected', this).val() != ''  ) title = $('option:selected',this).text();
    $(this)
        .css({'z-index':10,'opacity':0,'-khtml-appearance':'none'})
        .after('<span class="select">' + title + '</span>')
        .on('change',function(e){
            val = $('option:selected',this).text();
            $(this).next().text(val);
        })
        .focus( function() {
            $(this).next().addClass('s-focused');    
            $(document).on('keyup',function(e) {
                console.log(e); 
            });
        })
        .blur ( function() {
            $(this).next().removeClass('s-focused'); 
            $(document).off('keyup');
        });
});