title: using onChange for menu selection in jquery
body: <p>My below code works fine and is used to populate a <code>&lt;select&gt;</code> item with dynamic <code>&lt;options&gt;</code>
  The problem is that say I end up with 3 <code>&lt;options&gt;</code> say: One / Two / Three and then I select the first <code>&lt;option&gt;</code> so that I can call jquery code to populate the  next menu. One is already the <code>&lt;selected&gt;</code> item in the menu so it is not recognized as a onChange event.</p>
  
  <p>So I would need to select Two then One to call the onChange for One.</p>
  
  <p>Is there something I should use instead of onChange? Or should I put in a blank <code>&lt;option&gt;</code> item as the default value? So there will always be a change?</p>
  
  <pre><code>//if the job menu is changed
  $('#job').change (function () 
  {
  
      $.get('ajax/employee_menu.php', { job: $('#job').val() },      
      function(data) 
      {
          //load the &lt;options&gt; into the element
          $("#employee").html( data );
          // show the menu once loaded
          $("#employee").css({ "display" : "inline" });
       });
  });
  </code></pre>