How to index from an array in increments with jQuery
<p>I have an array with multiple data, and I'd like to index a div with an incremental value.</p>

<pre><code>var fancyboxInfo = [
'Title1', 'Details1', 'Location1', 
'Title2', 'Details2', 'Location2',
'Title3', 'Details3', 'Location3',
]

$(".fancybox").each(function(index) {
   $(this).attr("title", fancyboxInfo[index]);
});
</code></pre>

<p>Using 'each', the following ends up being: </p>

<pre><code>&lt;div class="fancybox" title="Title1"&gt;&lt;/div&gt;
&lt;div class="fancybox" title="Details1"&gt;&lt;/div&gt;
&lt;div class="fancybox" title="Location1"&gt;&lt;/div&gt;
</code></pre>

<p>I want to make it index [0], [3], [6] etc. Can this be done using jQuery index?</p>

<p>jsFiddle: <a href="http://jsfiddle.net/fNNkx/" rel="nofollow">http://jsfiddle.net/fNNkx/</a></p>
