title: Executing Javascript function with first option of select element as soon as select element populates
body: <p>I have a following select element:</p>
  
  <pre><code>&lt;select id="options" title="prd_name" name="options"&gt;
    &lt;option id='option1' value='Prdt1'&gt;Product1&lt;/option&gt;
    &lt;option id='option2' value='Prdt2'&gt;Product2&lt;/option&gt;
    &lt;option id='option3' value='Prdt3'&gt;Product3&lt;/option&gt;
    &lt;option id='option4' value='Prdt4'&gt;Product4&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I populate this select element using JQuery with some data from the database. I want to run a few Javascript functions as soon as this select element is populated with a options and I want those functions to run using the first option value. I am currently only able to run functions by adding <b>onblur</b> and <b>onchange</b> attributes in the <b>select tag</b>.</p>
  
  <p>The problem arises, when I have only one option element, i.e. one product. By this I am unable to <b>onblur</b> or <b>onchange</b> and I used <b>onload</b> in the select element, which is not working aswell.</p>
  
  <p>Anyone has any idea what am I missing or doing wrong?</p>