How can I make sure that my click function executes one time only with Jquery?
<p>I have jquery code that runs everytime everytime I click on my button but I only want it do do the stuff inside the click function once.. Beacuse otherwise my jquery code will duplicate values in my tbody td.</p>

<p>Here is my jquery code:</p>

<pre><code>  $(function () {
        $('#next-step').click(function () {
            $('#S').append($('#SubjectTypeName option:selected').text());
            $('#T').append($('#TeamName option:selected').text());
            $('#C').append($('#ConsultantName option:selected').text());
            $('#K').append($('#company option:selected').text());
            $('#KP').append($('#ContactPerson').val());
            $('#P').append($('#date').val());
        });

    });
</code></pre>

<p>And here is the jsfiddle: <a href="http://jsfiddle.net/82U2W/" rel="nofollow">http://jsfiddle.net/82U2W/</a></p>

<p>Any help is appreciated.</p>

<p>Thanks in advance!</p>
