jQuery - select nth child of a parent when nth child of another parent is clicked
<p>how can i select the nth child in a set of <code>&lt;div&gt;</code>'s when the nth child in a set of <code>&lt;li&gt;</code>'s is clicked?</p>

<p>HTML below</p>

<pre><code>&lt;ul&gt;
 &lt;li&gt;&lt;a href="#"&gt;link&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#"&gt;link&lt;/a&gt;&lt;/li&gt;
 ......
 &lt;li&gt;&lt;a href="#"&gt;link&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="info"&gt;
...
&lt;/div&gt;
&lt;div class="info"&gt;
...
&lt;/div&gt;
......
&lt;div class="info"&gt;
...
&lt;/div&gt;
</code></pre>

<p>for example, when the <code>&lt;a&gt;</code> in the 2nd <code>&lt;li&gt;</code> is clicked, the 2nd <code>&lt;div class="info"&gt;</code> should get selected.</p>

<p>thanks</p>
