title: .is(focus) vs .activeElement?
body: <p>I've run into a strange problem, which I've already resolved using <code>document.activeElement.id</code>, but when using <code>$('#id').is(':focus')</code> seems to always return <code>false</code>.  </p>
  
  <p>In my console, I tested out the following...</p>
  
  <pre><code>&gt; document.activeElement
  &lt;input type="text" for="zoomSlider" id="zoomText" oninput="zoomSliderUpdate(value)" value="100"&gt;
  
  &gt; $('#zoomText')
  &lt;input type="text" for="zoomSlider" id="zoomText" oninput="zoomSliderUpdate(value)" value="100"&gt;
  
  &gt; $('#zoomText').is(':focus')
  false
  
  &gt; document.activeElement // to check if focus was lost somehow
  &lt;input type="text" for="zoomSlider" id="zoomText" oninput="zoomSliderUpdate(value)" value="100"&gt;
  </code></pre>
  
  <p>Why does <code>is(':focus')</code> return a false?</p>