title: jquery 1.10.2 - Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: select
body: <p>I have two dropdowns in my page and I am setting the visibility of one according to the value of other as follows: </p>
  
  <pre><code>    $(document).ready(function () {
          if (($("#response option:selected").val() == "A") || ($("#response option:selected").val() == 'B')) {
              $("#additional").show();
              $(document).scrollTo('#additional');
          }
          $('#response').change(function () {
              $("#response option:selected").val();
              if (($("#response option:selected").val() == "A") || ($("#response option:selected").val() == 'B')) {
                  $("#additional").show();
  
              } else {
                  $("#additional").hide();
              }
          });
      });
  ----------------------------------------------------------
  
  
  &lt;div id="response" class="col-lg-4"&gt; 
  &lt;select&gt;
  &lt;option value=""&gt;Please Select&lt;/option&gt; 
  &lt;option value="A"&gt;A&lt;/option&gt;
   &lt;option value="B"&gt;B&lt;/option&gt;
   &lt;option value="C"&gt;C&lt;/option&gt; 
  &lt;/select&gt; 
  &lt;/div&gt;
  &lt;div id="additional" style="display: block;"&gt; 
  &lt;select&gt;&lt;option value="00"&gt;Please Select &lt;/option&gt;&lt;/select&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>This is not working and I am getting a console error like "jquery 1.10.2 - Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: select" . What could be the issue?</p>