title: How to remove elements in a drop down inside a div element using JavaScript
body: <p>I want to remove elements in a dropdown, the example of the HTML code is below and I need to select elements by div class "woo-vpf-field-make" then select the name "make" and then option value "73483".</p>
  
  <p>I hope that makes sense :)</p>
  
  <pre><code>&lt;div class="woo-vpf-field-make"&gt;
    &lt;select name="make"&gt;
      &lt;option value=""&gt;Select Make&lt;/option&gt;
      &lt;option value="70281"&gt;BMW&lt;/option&gt;
      &lt;option value="73483"&gt;Fiat&lt;/option&gt;
      &lt;option value="73923"&gt;Ford&lt;/option&gt;
      &lt;option value="71367"&gt;Mini&lt;/option&gt;
      &lt;option value="75988"&gt;Opel / Vauxhall&lt;/option&gt;
      &lt;option value="74715"&gt;Volkswagen&lt;/option&gt;                   
    &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Below is the JavaScript code that I wrote, but seems like it could be lot better :)</p>
  
  <pre><code>$(document).ready(function() {
      $('select[name^="make"]').children("option[value^=" + "73483" + "]").remove();
      $('select[name^="make"]').children("option[value^=" + "73923" + "]").remove();
      $('select[name^="make"]').children("option[value^=" + "75988" + "]").remove();
      $('select[name^="make"]').children("option[value^=" + "74715" + "]").remove();
  })
  </code></pre>