title: Hide if one radio button is checked
body: <p>I'm trying to build a form that has a radio buttons with two values in the top <code>1</code> and <code>2</code>. If the radio button with the value of <code>1</code> is checked, I want one input box with the <code>id</code> = <code>facebook</code> to hide. On load, there's no radio button checked. This is my code:</p>
  
  <pre><code>$("input[name='accountType']").change(function(){
  
      var radio;
      radio = $("input[name='accountType']").val();
  
      if(radio === '1'){
          ("#facebook").hide();
      }
  
  });
  </code></pre>
  
  <p>This is my HTML</p>
  
  <pre><code>&lt;input type="text" name="facebook" id="facebook" value="" class="form-control"&gt;
  
  
  &lt;input type="radio" name="accountType" id="accountType-1" value="1" class="icheck" &gt;
  &lt;input type="radio" name="accountType" id="accountType-2" value="2" class="icheck" &gt;
  </code></pre>
  
  <p>I'm sure its obvious but I'm just starting to work with jQuery and I've tried different answers here but they don't work. </p>
  
  <p>What am I doing wrong?</p>