title: $(this).checked not picking up checked boxes
body: <p>I have a function that is not picking up checkboxes correctly (if checked)
  with this function:</p>
  
  <pre><code>function playerJson() {
      players = [];
      $('input[name=playerCheckList]').each(function () {
          if ($(this).checked) {
              players.push($(this).val());
          }
      });
  
      return $.toJSON(players);
  }
  </code></pre>
  
  <p>I use this function to check all buttons (correctly)</p>
  
  <pre><code> $(function () {
      $("#checkAllPlayers").click(function () {
          $('input[name=playerCheckList]').each(function () {
              $(this).prop('checked', true);
          });
      });
  });
  </code></pre>
  
  <p>If I don't have the if statement:</p>
  
  <pre><code>if ($(this).checked) 
  </code></pre>
  
  <p>from the first piece of code, it correctly picks up all the values (checked or not)</p>
  
  <p>So, this statement is probably the problem, but I'm not sure why.</p>
  
  <p>Thanks</p>