title: How to make dependent dropdown menu show in html/jquery
body: <p>So, I'm trying to do EXACTLY this, and while it works on jsfiddle, it will not in any of the browsers I've tried...Any ideas?
  Even when it's the only thing on the page, it refuses to work for whatever reason.
  <a href="http://jsfiddle.net/RWUdb/101/" rel="nofollow">http://jsfiddle.net/RWUdb/101/</a></p>
  
  <pre><code>&lt;div&gt;
  &lt;label&gt;Device:&lt;/label&gt;
  &lt;select name="Device" id="Device" class="" onclick="craateUserJsObject.ShowPrivileges();"&gt;
  &lt;option value="Select"&gt;--Select a Device--&lt;/option&gt;
  &lt;option id="iOS" value="iOS"&gt;iOS Device&lt;/option&gt;
  &lt;option id="macdesktops" value="macdesktops"&gt;Mac Desktop&lt;/option&gt;
  &lt;option id="maclaptops" value="maclaptops"&gt;Mac Laptop&lt;/option&gt;
  &lt;option id="pcdesktops" value="pcdesktops"&gt;PC Desktop&lt;/option&gt;
  &lt;option id="pclaptops" value="pclaptops"&gt;PC Laptop&lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;
  &lt;div class="resources" style=" display: none;"&gt;&lt;select&gt;
  &lt;option&gt;-Select a Model-&lt;/option&gt;
  &lt;option value="Touch"&gt;iPod Touch&lt;/option&gt;
  &lt;option value="Nano"&gt;iPod Nano&lt;/option&gt;
  &lt;option value="Classic"&gt;iPod Classic&lt;/option&gt;
  &lt;option value="Shuffle"&gt;iPod Shuffle&lt;/option&gt;
  &lt;/select&gt; &lt;font color="red"&gt;*&lt;/font&gt;&lt;/div&gt;
  &lt;div class="resources2" style=" display: none;"&gt;
  &lt;select&gt;
  &lt;option&gt;-Select a Model-&lt;/option&gt;
  &lt;option value="iMac"&gt;iMac&lt;/option&gt;
  &lt;option value="MacPro"&gt;Mac Pro&lt;/option&gt;
  &lt;option value="Mini"&gt;Mac Mini&lt;/option&gt;
  &lt;/select&gt; &lt;font color="red"&gt;*&lt;/font&gt;
  &lt;/div&gt;
  &lt;div class="resources3" style=" display: none;"&gt;
  &lt;select&gt;
  &lt;option&gt;-Select a Model-&lt;/option&gt;
  &lt;option value="White"&gt;White Macbook&lt;/option&gt;
  &lt;option value="Pro"&gt;Macbook Pro&lt;/option&gt;
  &lt;option value="Air"&gt;Macbook Air&lt;/option&gt;
  &lt;/select&gt; &lt;font color="red"&gt;*&lt;/font&gt;
  &lt;/div&gt;
  &lt;div class="resources4" style=" display: none;"&gt;
  &lt;input type="text" id="pcdesktops" placeholder="ie. Dell Optiplex 9010"/&gt; &lt;font color="red"&gt;*&lt;/font&gt;
  &lt;/div&gt;
  &lt;div class="resources5" style=" display: none;"&gt;
  &lt;input type="text" id="pclaptops" placeholder="ie. Lenovo G580" /&gt; &lt;font color="red"&gt;*&lt;/font&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>var Privileges = jQuery('#Device');
  var select = this.value;
  Privileges.change(function () {
  if ($(this).val() == 'iOS') {
      $('.resources').show();
  }
  else $('.resources').hide();
  
  if ($(this).val() == 'macdesktops') {
      $('.resources2').show();
  }
  else $('.resources2').hide();
  
  if ($(this).val() == 'maclaptops') {
      $('.resources3').show();
  }
  else $('.resources3').hide();
  
  if ($(this).val() == 'pcdesktops') {
      $('.resources4').show();
  }
  else $('.resources4').hide();
  
  if ($(this).val() == 'pclaptops') {
      $('.resources5').show();
  }
  else $('.resources5').hide();
  });
  </code></pre>