How do I trigger a single event defined for a class of objects
<p>I have a question. I have 8 buttons that have unique incrementing id's and a shared class.</p>

<pre><code>&lt;button class="btnChapter" id="btnChapter_1" value="1"&gt;1&lt;/button&gt;
&lt;button class="btnChapter" id="btnChapter_2" value="2"&gt;2&lt;/button&gt;
&lt;button class="btnChapter" id="btnChapter_3" value="3"&gt;3&lt;/button&gt;
...
</code></pre>

<p>In order to prevent me from duplicating code, I bound a click event to the btnChapter class instead of binding an event individually to each button's ID.</p>

<pre><code>$('.btnChapter').click(function(){ .. do stuff .. });
</code></pre>

<p>How do I trigger() the click() event only for #btnChapter_2? The following doesn't seem to work.</p>

<pre><code>$('#btnChapter_2').click()
</code></pre>
