Making button click once
<p>EDIT**</p>

<p>In my game I want my button to disable after one click but for some reason all the ways I have looked at do not work.</p>

<p>Here is what I have at the moment..</p>

<pre><code>$('.minibutton').click(function() {

$(this).attr('disabled','disabled');
$('.minibutton').prop('disabled', false);
$('.picstyle').show();
$('td').removeClass('spellword');
var r = rndWord;
while (r == rndWord) {
    rndWord = Math.floor(Math.random() * (listOfWords.length));
}

$('td[data-word="' + listOfWords[rndWord].name + '"]').addClass('spellword');
$('td[data-word=' + word + ']').removeClass('wordglow').removeClass('wordglow4').removeClass('wordglow3').css('color', 'transparent');

var noExist = $('td[data-word=' + listOfWords[rndWord].name + ']').hasClass('wordglow2');
if (noExist) {
    $('.minibutton').click();

} else {

    $("#mysoundclip").attr('src', listOfWords[rndWord].audio);
    audio.play();
    $("#mypic").attr('src', listOfWords[rndWord].pic);
    jQuery(pic).show();
}


}).trigger("click");
</code></pre>

<p>I have tried changing the click function to..</p>

<pre><code>$('.minibutton').one("click", function() {
</code></pre>

<p>I have also tried to bind and unbind it but it will not work</p>

<p>fiddle <a href="http://jsfiddle.net/7Y7A5/9/" rel="nofollow">http://jsfiddle.net/7Y7A5/9/</a></p>

<p>You spell the highlighted word, using the picture as a clue. If you get the word wrong 3 times you are given the opportunity to move on because "minibutton" appears. At this point I only want the user to be able to click it once before it disappears again.</p>
