Jquery: Give each Div an individual ID
<p>I have a set of divs with the same class. I need to give each one an individual ID. And then apply that ID to the href of a link. </p>

<p>Here is the HTMl:</p>

<pre><code>&lt;div class="person-promo"&gt;
  &lt;a href="***#ID-OF-SIBLING-DIV***" class="action"&gt;&amp;gt; Read More&lt;/a&gt;
  &lt;div class="hide"&gt;
    &lt;div id="***NUMBER-GOES-HERE***" class="person-details"&gt;
      &lt;!-- --&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;&lt;!-- Person Promo --&gt;
</code></pre>

<p>Each anchor needs to link to its sibling Div, if that makes sense. </p>

<p>I have been hunting around various sites, and the Jquery library for a few hours, but have had no luck. Just hoping for a bit help.</p>

<p>Thanks for everyone's help by the way. It's good to know <em>SOME</em> fellow developers will help each other out during difficulties. It is a great community on here.</p>
