Using jQuery's .add method
<p>Either I am making a very silly mistake here, or there is a bug with jQuery's <code>.add</code> method. Most likely the former.</p>

<p>I am trying to implement a list of items that could be selected. Here's my <a href="http://jsfiddle.net/2weq2/" rel="nofollow">code on jsfiddle</a>.</p>

<p>The test case that is failing is the following:</p>

<ol>
<li>Click the first element to select it.</li>
<li>Ctrl-click the second element to select it too.</li>
<li>Then click the third element (without <code>Ctrl</code>).</li>
</ol>

<p>Now, I'd expect the first and second to be de-selected, I believe the implementation also does this. But the second one does not get de-selected.</p>

<p>Digging a little, it seems that the <code>.add</code> is actually not adding my elements to the jQuery object set and for the life of me, I can't figure out why.</p>

<p>Any suggestions on this? Or is this not the way the <code>.add</code> method is supposed to be used?</p>

<p><strong>Edit</strong>: I know jquery-ui has a control for this kind of thing, but I have already evaluated it and it does not work for me. Thanks.</p>
