using jquery to select 3 items from a list?
so I have this list in django
<div class="box">
{% for b in list %}
<div class="id">{{ b.id }}</div>
<div class="image">{{ b.image.url }}</div>
<div class="name">{{ b.name }}</div>
{% endfor %}
</div>
// for display of selected items
<div class="listbox">
<form action="." method="" class="c">
<div class="item one">
<div class="imgholder"></div>
<div class="name"></div>
<input id="one" name="one" value"" type="hidden">
</div>
<div class="item two">
<div class="imgholder"></div>
<div class="name"></div>
<input id="two" name="two" value"" type="hidden">
</div>
<div class="item three">
<div class="imgholder"></div>
<div class="name"></div>
<input id="three" name="three" value"" type="hidden">
</div>
<input class="d" type="submit" name="submit" value="Do it" />
</form>
</div>
what I want to do is select a maximum of 3 and minimum of 2 items from that list, show very brief detail in the current page inside a form so that when 2 or 3 items are checked from the list go to another view with the item id's selected being passed as a get or post to that view.
My abilities with JQuery really aren't up to this, I can limit to 3 selected and only show the box div when a minimum of two items are selected but I can't figure how to index in javascript/JQuery
If you know of a generic plugin or can say this is easy I would really appreciate the help.
Thanks