sizzle :invalid selector

HTML

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<form>
  <input type="text" id="valid" value="foo" required>
  <button type="button" id="validate">validate</button>
</form>

JavaScript

$('#validate').on('click', function () {
  var qsaInvalidInputs = document.querySelectorAll('input:invalid');
  console.log('qsaInvalidInputs', qsaInvalidInputs);
  var qsaInvalid = document.querySelectorAll(':invalid');
  console.log('qsaInvalid', qsaInvalid);
});