How do I stop a jquery click function on several divs after one div is clicked?
===

I have several divs with a click function that essentially "votes" for your chosen box.

This works great until someone wants to choose a second or third box as well.  The click function is tied to the class of the divs so I somehow need to disable the click function after it's clicked once.

    $('.vote').one('click',function(){
        $(this).append('<div id="voted">Thanks!<form><input type="text" name="comment"></form></div>');
    });

    <div class="vote">Option A</div>
    <div class="vote">Option B</div>
    <div class="vote">Option C</div>


I have to use the "one" function to disable the click function on the current div so that a user can click the form input.  The problem is that the other options are still "clickable".  So a user can vote for all three options if they like.  How can I limit this to one vote?