title: jquery not working for dropdown menu? (Chromium)
body: <p>I'm trying to create a webpage where the options in the second dropdown menu depend on the value selected in the first dropdown menu. However, when running the webpage, the options in the second dropdown do not change regardless of what is selected in the first dropdown. The Browser does indicate that it SEES the javascript file, but it just doesn't appear to be actually running it for some reason. Anyone know what's going on?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() {
  
  $convertfrom = $("select[name='ConvertFrom']");
  $convertto = $("select[name='ConvertTo']");
  
  $convertto.change(function() {
    if ($(this).val() == "Binary") {
      $("select[name='convertto'] option").remove();
      $("&lt;option&gt;Decimal&lt;/option&gt;").appendTo($convertto);
      $("&lt;option&gt;Octal&lt;/option&gt;").appendTo($convertto);
      $("&lt;option&gt;HexaDecimal&lt;/option&gt;").appendTo($convertto);
    }
  
    if ($(this).val() == "Decimal") {
      $("select[name='convertto'] option").remove();
      $("&lt;option&gt;Binary&lt;/option&gt;").appendTo($convertto);
      $("&lt;option&gt;Octal&lt;/option&gt;").appendTo($convertto);
      $("&lt;option&gt;HexaDecimal&lt;/option&gt;").appendTo($convertto);
    }
  
    if ($(this).val() == "Octal") {
      $("select[name='convertto'] option").remove();
      $("&lt;option&gt;Binary&lt;/option&gt;").appendTo($convertto);
      $("&lt;option&gt;Decimal&lt;/option&gt;").appendTo($convertto);
      $("&lt;option&gt;HexaDecimal&lt;/option&gt;").appendTo($convertto);
    }
  
    if ($(this).val() == "HexaDecimal") {
      $("select[name='convertto'] option").remove();
      $("&lt;option&gt;Binary&lt;/option&gt;").appendTo($convertto);
      $("&lt;option&gt;Decimal&lt;/option&gt;").appendTo($convertto);
      $("&lt;option&gt;Octal&lt;/option&gt;").appendTo($convertto);
    }
  
  });
  
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"&gt;&lt;/script&gt;
    &lt;title&gt;Practice&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;p&gt; Welcome to the Practice Page. On this page, you can randomly generate a problem and see if you can solve it correctly.
    Please select a base to convert from below. You'll then be asked to select a base to convert to, and then given a problem to solve. &lt;/p&gt;
  
    &lt;form&gt;
      &lt;select id="ConvertFrom"&gt;
        &lt;option value="Select"&gt;Select&lt;/option&gt;
        &lt;option value="Binary"&gt;Binary&lt;/option&gt;
        &lt;option value="Decimal"&gt;Decimal&lt;/option&gt;
        &lt;option value="Octal"&gt;Octal&lt;/option&gt;
        &lt;option value="HexaDecimal"&gt;HexaDecimal&lt;/option&gt;
      &lt;/select&gt;
  
      &lt;select id="ConvertTo"&gt;
        &lt;option value="Convertto"&gt;ConvertTo&lt;/option&gt;
      &lt;/select&gt;
    &lt;/form&gt;
  &lt;script src="file:///C:/Users/johnt/Documents/Catan/practice2.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  
      </code></pre>
  </div>
  </div>
  </p>