Jquery selector > can't select autofocus attribute
<p>I want to select elements that have an <code>autofocus</code> attribute present. For some reason, my jquery selector <code>$("[autofocus]")</code> isn't returning anything.</p>

<p>I imagine this is a simple solution, I just can't see what I'm doing wrong (is it a bug?!).</p>

<p><strong>Browser:</strong> Chrome - Version 52.0.2743.116 m (64-bit)</p>

<h3>HTML :</h3>

<pre><code>&lt;input id="a" type="text" autofocus="autofocus" value="a" /&gt;
&lt;input id="b" type="text" autofocus="autofocus" value="b" /&gt;
&lt;input id="c" type="text" autofocus="autofocus" value="c" /&gt;
</code></pre>

<h3>Javascript :</h3>

<pre><code>console.log($("[type=text]").length); // -&gt; 3
console.log($("[autofocus]").length); // -&gt; 0
console.log($("[autofocus=autofocus]").length); // -&gt; 0
</code></pre>

<p>Why can't I select the <code>autofocus</code> attribute?</p>

<h3><a href="http://jsbin.com/fuhiji/edit?html,js,console,output" rel="nofollow">JSBin</a></h3>