title: Can't .append() option to select
body: <p>I have a problem with .append() function. 
  I created a <code>&lt;select/&gt;</code> element in jquery, and I'm appending it to many table rows, with (sample classes):</p>
  
  <pre><code>var $select = $('&lt;select class="my-select" &gt;&lt;option&gt;&lt;/option&gt;&lt;/select&gt;');
  $('‪#‎mytable‬ tr.first_row td.first_cell').append($select.clone());
  $('‪#‎mytable‬ tr.second_row td.first_cell').append($select.clone());
  </code></pre>
  
  <p>then, I want to add a new <code>&lt;option/&gt;</code> to that select, so I do like this:</p>
  
  <pre><code>var new_option = $('&lt;option/&gt;').val('value').text('text');
  $('.my-select').append(new_option); //works
  $select.append(new_option); //doesn't work
  </code></pre>
  
  <p>Everything works fine, the select is added to any table row, and the new_option is appended to any of those <code>&lt;select&gt;</code>, but I can't append it to the $select element.... I tried in many ways but it seems impossible...
  I also tried:</p>
  
  <pre><code>$select.find('option:last').after(new_option); //doesn't work
  $select.find('option:last').before(new_option); //doesn't work
  new_option.appendTo($select); //doesn't work
  </code></pre>
  
  <p>Here is the fiddle <a href="http://jsfiddle.net/v15zyzxj/4/" rel="nofollow">http://jsfiddle.net/v15zyzxj/4/</a></p>
  
  <p>Anyone has any idea why this should not work? It looks like something extremely easy, but I can't sort this problem out, I hope someone can help me understand what's going on..</p>