title: JQuery Click event not being triggered in Safari?
body: <p>I'm trying to do something when a user selects an option from a select box - As simple as can be right? I'm using JQuery 1.3.1 to register a click handler with the id of the select box. Everything was fine until I tested using Chrome and Safari and found it didn't work.</p>
  
  <ol>
  <li>Firefox 3.05 - YES</li>
  <li>I.E 7.0.5730.13 - YES  </li>
  <li>IE6Eolas - YES</li>
  <li>Sarafi 3.2.1 - NO</li>
  <li>Chrome 1.0.154.43 - NO</li>
  </ol>
  
  <p>See below code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script language="javascript"&gt;
      $(document).ready(function(){
          $('#myoption').click(function() { alert('Select Dropdown was clicked: '+ $('#myoption').val()); });
      });     
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;select id="myoption"&gt;
      &lt;option value="A"&gt;A&lt;/option&gt;
      &lt;option value="B"&gt;B&lt;/option&gt;
      &lt;/select&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Anyone know what I should be doing for this to work? The alert does eventually get triggered but only after double-clicking the select box?</p>