title: Anyway to get an indexed item from $(".box")
body: <p>Suppose I get a list of items like <code>$(".box")</code>. Is it possible to get an indexed jQuery object </p>
  
  <p>like </p>
  
  <pre><code>var $boxes = $(".box"),
      $box2 = $boxes[1]
  </code></pre>
  
  <p>currently I do something like</p>
  
  <pre><code>var $boxes = $(".box");
  $boxes.each(function(i, box) {
      var $box = $(box); // &lt;-- is this a good idea?
      // do something with $box
  });
  </code></pre>
  
  <p>I wonder tho if the line <code>var $box = $(box)</code> is such a good idea? I am actually running that in a <code>setInterval()</code></p>
  
  <p>like</p>
  
  <pre><code>var $boxes = $(".box");
  setInterval(function() {
      $boxes.each(function(i, box) {
          var $box = $(box); // &lt;-- is this a good idea?
          // do something with $box
      });
  }, 1000);
  </code></pre>
  
  <p>I wonder if its bad for performance since I am initializing a variable for each item in <code>$boxes</code> per 1s in this example. If I can access the element directly from the jQuery "array" or whatever $boxes is, it maybe better?</p>