title: Adding a new element to select box after the first option element using JQuery
body: <p>I have a combobox with the following options</p>
  
  <pre><code>&lt;select id="history"&gt;
      &lt;option&gt;&lt;/option&gt;
      &lt;option&gt;element1&lt;/option&gt;
      &lt;option&gt;element2&lt;/option&gt;
      &lt;option&gt;element3&lt;/option&gt;
      &lt;option&gt;element4&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I'm trying to add a new option after the first option. What is the best most effective way to accomplish this I tried</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $("#history").prepend("&lt;option&gt;sdsadas&lt;/option&gt;").after('#history:first-child');
      $("&lt;option&gt;asdsad&lt;/option&gt;").insertBefore('#history option:first-child');
  //    $('option[value="sadsaddsad"]', this).after('option:first');
  &lt;/script&gt;
  </code></pre>
  
  <p>but none of these are working as I want.</p>