Problem with click on select boxes (webkit)

Problem with click on select boxes (webkit)

It seems that on webkit (or at least safari) when you bind a function to click on a select box it doesn't fire until the second time you click it.

e.g.

  1. <select id="test"><option value="1">First</option></select>
  2. <script>
  3. $('#test').click(function() { alert('test') });
  4. </script>

This may be a problem with safari, but is there any way to work around this? I've also tried mousedown, but it doesn't seem to work as well as click (in FF and IE).