title: Remove Select option from Drop Down with jQuery
body: <p>I am having a problem removing an option from my drop down list. It does nothing when I load the page any ideas? I am using <code>.remove()</code> but this is doing nothing.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;title&gt;Test&lt;/title&gt;
  &lt;script&gt;
  $(document).ready(function () {
  $("#bytype option[value='foo']").remove();  
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;select name="bytype" id="bytype"&gt;
  &lt;option value="foo"&gt;foo&lt;/option&gt;
  &lt;option value="Boo"&gt;Boo&lt;/option&gt;
  &lt;option value="Coo"&gt;Coo&lt;/option&gt;                               
  &lt;/select&gt; 
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>