jQuery persistent non-event bindings
<pre><code> var $thingy = $('.thingy'),
     $window = $(window);

 $window.on('resize', function(){
       thingy.width($window.width()/12);
 });
</code></pre>

<p>Is it possible to add more <code>.thingy</code>s to the page and have them resize without re-querying?</p>

<p>I am aware that the following will work:</p>

<pre><code> var $window = $(window);

 $window.on('resize', function(){
       $('.thingy').width($window.width()/12);
 });     
</code></pre>

<p>the problem is, I am not adding <code>.thingy</code>s to the page very often, making the creation of new jQuery objects and rapid re-querying of the DOM seem like alot of overhead. </p>

<p>Is there a better way?</p>
