title: jQuery Uncheck checkbox not working
body: <p>After trying multiple examples on StackOverflow to fix my issue, I still can't figure out my problem.</p>
  
  <p>I have 3 checkboxes:</p>
  
  <pre><code>&lt;input id="pets_dog" class="text" type="checkbox" class="pets" name="pets[]" value="pets_dog"&gt; Dogs&lt;/input&gt;
  &lt;input id="pets_cats" class="text" type="checkbox" class="pets" name="pets[]" value="pets_cats"&gt; Cats&lt;/input&gt;
  &lt;input id="pets_none" class="text" type="checkbox" class="pets" name="pets[]" value="pets_no"&gt; None&lt;/input&gt;
  </code></pre>
  
  <p>And when "pets_none" is checked, I need the other 2 checkboxes to be unchecked and vice versa. Here is my current jQuery code:</p>
  
  <pre><code>        $("#pets_none").change(function() {
              if($("#pets_none").attr('checked')) {
              $("#pets_cats").removeAttr('checked');
              $("#pets_dogs").removeAttr('checked');
              } 
          });
  </code></pre>
  
  <p>I can't figure out for the life of me why it's not working, and appreciate any help.</p>