Warum JQuery Selector nach 'Wert' bei dynamischer Änderung nicht funktioniert

Ich bin nicht sicher, warum jquery Selectorvalue funktioniert nicht, Es wird versucht, den Wert der Eingaben auf @ zu änder"a" aber dielength nicht erhöhen, überprüfen Sie bitte das einfache Beispiel unten:

$('body').on('input', '.example', function() {
  $('#result').text($('.example[value="a"]').length);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="example" value="a">
<input type="text" class="example" value="b">
<input type="text" class="example" value="c">

<div id='result'></div>