title: Jquery addClass not a function
body: <p>What I want:</p>
  
  <p>I want to make a form where I show different input fields based on the contact type (the user can choose the contact type from a dropdown). I tried with jQuery, but I have two errors with it.</p>
  
  <p>How I tried:</p>
  
  <pre><code>function showContact() {
  /* */
      $('#userType').change(function(){
          var value = $(this).val();
  
          console.log(value);
          var member = document.getElementById("private");
          var corporation = document.getElementById("corporation");
  
          if (value == 1) {
              member.removeClass('hidden');
              corporation.removeClass('hidden').addClass('hidden');
  
              return;
          } else if (value == 2) {
              member.removeClass('hidden').addClass('hidden');
              corporation.removeClass('hidden');
  
              return;
          } else {
              member.removeClass('hidden').addClass('hidden');
              corporation.removeClass('hidden').addClass('hidden');
  
              return;
          }
      });
  }
  </code></pre>
  
  <p>What's the error:</p>
  
  <p>1: The script only starts on the second dropdown change. I want to start at the first change.</p>
  
  <p>2: When I change I got this error:</p>
  
  <blockquote>
    <p>TypeError: member.removeClass is not a function</p>
  </blockquote>
  
  <p>What's the problem?</p>