giving id to many objects - is it a bad idea?

giving id to many objects - is it a bad idea?

I was working on a django project and soon the template became a mess and
ended up with nearly all elements having an ID (just to clarify, all IDs
are unique). I can reduce the number of IDs by giving their parents an ID
but that would increase my jQuery code. So what I am asking is
Is it better to have many IDs in HTML or slightly less IDs and a bit
longer JS/jQuery code?
Here's a sample code:
<ol>
<li>
<p>
<a href="/vote/" class="vote" id="story-vote-26"><img
src="/static/images/arrow.gif"></a>
<a
href="http://www.lettersofnote.com/2012/10/people-simply-empty-out.html"
class="title" id="story-title-26">"People simply empty
out"</a> <span class="domain">(www.lettersofnote.com)</span>
</p>
<p class="story-info">
<span id="story-points-26">660</span> points by tantaman
&#448; 31 minutess ago
</p>
</li>
...
there are at least 100 of these li and each with 4 IDs (I haven't added
4th one yet). So total of 400 IDs, or 100 IDs if I add ID to lis instead