title: Filtering dropdown menus using jQuery
body: <p>For some reason, some of the selections work but most don't. I can't figure out what I am doing wrong, maybe you can help?
  Here is a live demo on codepen: <a href="http://codepen.io/AlexBezuska/pen/dHmge" rel="nofollow">http://codepen.io/AlexBezuska/pen/dHmge</a>
  My jQuery: </p>
  
  <pre><code>$('#ddlOffice option').hide();
      $('#ddlBusiness').change(function(){
        var selectedBusiness = $( "#ddlBusiness option:selected").val();
        selectedBusiness = parseFloat(selectedBusiness);
        $('#ddlOffice option').hide();
        $('#ddlOffice option[value="'+selectedBusiness+'"]').show();
        $('#txtBusiness').val($( "#ddlBusiness option:selected").text());
      });
  
       $('#ddlOffice').change(function(){
        $('#txtOffice').val($( "#ddlOffice option:selected").text());
      });
  </code></pre>
  
  <p>Bonus points:   I would like to do this without jQuery, if anyone has tips on an easy way of doing the showing and hiding in raw javascript or wants to do a fork without jQuery would be awesome,</p>
  
  <p>Thanks!</p>