title: jQuery - Access elements in array
body: <p>I need to be able to get the width of elements from an array</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="container"&gt;
    &lt;ul&gt;
       &lt;li id="one"&gt;--------&lt;/li&gt;&lt;br /&gt;
       &lt;li id="two"&gt;----------------&lt;/li&gt;&lt;br /&gt;
       &lt;li id="three"&gt;-------&lt;/li&gt;&lt;br /&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <p>I know i can access the individual width's like this </p>
  
  <pre><code>$('#one').width();
  </code></pre>
  
  <p>But in an array</p>
  
  <pre><code>var $array = $("#container li");
  </code></pre>
  
  <p>How do i access a specific width of the element by its index</p>
  
  <p>e.g </p>
  
  <pre><code>$array[2].width(); //which causes error
  </code></pre>
  
  <p>Example <a href="http://jsfiddle.net/8zvkn/" rel="noreferrer">http://jsfiddle.net/8zvkn/</a></p>