title: Jquery get select option id
body: <p>I have this select</p>
  
  <pre><code>&lt;select name="clients[]" size="20" multiple="multiple" id="clients" style="min-width:275px;"&gt;
  &lt;option id="first"&gt;First&lt;/option&gt;
  &lt;option id="second"&gt;Second&lt;/option&gt;
  &lt;option id="third"&gt;Third&lt;/option&gt; 
  &lt;/select&gt;
  </code></pre>
  
  <p>I am trying to get this alert box to show up when the id = first, I've tried</p>
  
  <pre><code>$(document).ready(function(){
      if($('#clients option:selected').val() == 'first'){
          alert('hi');
      }
  });
  </code></pre>
  
  <p>but nothing appears...what am I doing wrong</p>