.one() doesn't work like jquery.com suggests for first use
<p>I've exhausted my researched on using .one() for my needs, and get it to work correctly per class selector instance, where it only shows once.  But on jQuery.com it states the following will work, where if clicked once, it will not run again if another element is clicked with that same class selector.  However, that doesn't work for me.  I have, and need, the same specific class selector on one page.</p>

<p>here is the code that jQuery.com gives as an example:</p>

<pre><code>$("#foo").one("click", function() {
alert("This will be displayed only once.");
});
$("body").one("click", ".foo", function() {
alert("This displays once for the first .foo clicked in the body.");
});
</code></pre>

<p>the second one above doesn't seem to work as it says.  Does anyone know how to actually get this to work.  Where I can have .foo in several places, but the function only shows once, after one of the .foo is clicked.  And when another .foo is clicked, it won't run the function anymore?  Thank you much for any help/suggestions.</p>
