title: Filtering security Qs dropdown lists
body: <p>First off: The title should read filtering security questions dropdown lists but apparently, I can't use the word questions or question in the title. </p>
  
  <p>I am looking <a href="http://www.cssnewbie.com/example/filtering-select-boxes/" rel="nofollow">at this code example</a> but it doesn't seem valid anymore. Anyone know why and how to fix it? </p>
  
  <p>I want to filter security questions such that if I select questiona from the list of questions, for the next questions, I no longer see questiona in the list of security questions. This is to prevent duplicate selection of security questions. </p>
  
  <p>Here's a copy of the sample from the link: </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html"&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8" /&gt;
  &lt;title&gt;CSS Newbie Example: Filtering Select Boxes&lt;/title&gt;
  &lt;link rel="stylesheet" type="text/css" href="select.css" /&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $(function () {
     $('.security').change(function () {
        $('.security option').show(0);
        $('.security option:selected').each(function () {
           oIndex = $(this).index();
           if (oIndex &gt; 0) {
              $('.security').each(function () {
                 $(this).children('option').eq(oIndex).not(':selected').hide(0);
              });
           }
        });
     });
     $('.security').change();
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="wrap"&gt;
     &lt;h1&gt;Intelligent Filtering of Select Boxes&lt;/h1&gt;
     &lt;p&gt;The following three select boxes contain the same options. But once you've selected one of the options from one select box, that item is removed from the subsequent boxes, preventing duplicate selections. &lt;a href="http://www.cssnewbie.com/intelligent-select-box-filtering/"&gt;Return to the original article.&lt;/a&gt;&lt;/p&gt;
     &lt;h2&gt;Select Your Security Questions:&lt;/h2&gt;
     &lt;p&gt;
     &lt;select class="security" name="security1"&gt;
        &lt;option value="0"&gt;Select a question from the following options.&lt;/option&gt;
        &lt;option value="1"&gt;Who's your daddy?&lt;/option&gt;
        &lt;option value="2"&gt;What is your favorite color?&lt;/option&gt;
        &lt;option value="3"&gt;What is your mother's favorite aunt's favorite color?&lt;/option&gt;
        &lt;option value="4"&gt;Where does the rain in Spain mainly fall?&lt;/option&gt;
        &lt;option value="5"&gt;If Mary had three apples, would you steal them?&lt;/option&gt;
        &lt;option value="6"&gt;What brand of food did your first pet eat?&lt;/option&gt;
     &lt;/select&gt;
     &lt;/p&gt;
     &lt;p&gt;
     &lt;select class="security" name="security2"&gt;
        &lt;option value="0"&gt;Select a question from the following options.&lt;/option&gt;
        &lt;option value="1"&gt;Who's your daddy?&lt;/option&gt;
        &lt;option value="2"&gt;What is your favorite color?&lt;/option&gt;
        &lt;option value="3"&gt;What is your mother's favorite aunt's favorite color?&lt;/option&gt;
        &lt;option value="4"&gt;Where does the rain in Spain mainly fall?&lt;/option&gt;
        &lt;option value="5"&gt;If Mary had three apples, would you steal them?&lt;/option&gt;
        &lt;option value="6"&gt;What brand of food did your first pet eat?&lt;/option&gt;
     &lt;/select&gt;
     &lt;/p&gt;
     &lt;p&gt;
     &lt;select class="security" name="security3"&gt;
        &lt;option value="0"&gt;Select a question from the following options.&lt;/option&gt;
        &lt;option value="1"&gt;Who's your daddy?&lt;/option&gt;
        &lt;option value="2"&gt;What is your favorite color?&lt;/option&gt;
        &lt;option value="3"&gt;What is your mother's favorite aunt's favorite color?&lt;/option&gt;
        &lt;option value="4"&gt;Where does the rain in Spain mainly fall?&lt;/option&gt;
        &lt;option value="5"&gt;If Mary had three apples, would you steal them?&lt;/option&gt;
        &lt;option value="6"&gt;What brand of food did your first pet eat?&lt;/option&gt;
     &lt;/select&gt;
     &lt;/p&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>