I want to make the following functionality:

$(:not(select)).click(function()
{
    $('select').hide();
});

But I have a bug in Internet Explorer and Firefox (Windows, Ubuntu).

The bug is that when you install an event .click() with :not selector filter on select element, it's triggered when you click on arrow to open select list (bug is tested on Google Chrome and Firefox on Windows and in FF on Ubuntu, but in Google Chrome on Ubuntu all is ok!).

So, when you click arrow it's triggered an events on objects in background layers. For example if my select is in table, click will be called on: td, tr, tbody, body, html. So if I wanna hide select list with click on any other element it's will be hided even when I'll try just to open list.

I fix it temporary with the next code:

$(document).click(function(e)
{
     var target = e.target;

     if (!$(target).is('select'))
     {
            // code to hide select goes here
     }
});

But it's will be pretty good if click event on select will not call something else but click event on select :)