click once for each letter
<p>In my game you have to click the letters to spell the words. When a letter is clicked it animates to an area in the grid where the words are.</p>

<p>When I click a letter and it animates to the cell, I can click more than one. How would I limit it is only one letter per cell.</p>

<p>I was thinking maybe disabling the click function for as long as the animation takes but I don't know how I would implement this.</p>

<p>Can someone point me in the right direction?</p>

<p>Here is the click event...</p>

<pre><code>$('.drag').on('click', function(e) {
e.preventDefault();

var target = $('.drop-box.spellword:not(.occupied):first');
var targetPos = target.position();
var currentPos = $(this).offset();
var b = $(this);

if (target.length) {
    $(".minibutton").prop("disabled", true);
    b.clone().addClass(
    b.data("letter") == target.data("letter") ? "wordglow3" : "wordglow").appendTo("table").css({
        background: "transparent",
        position: "absolute",
        top: currentPos.top,
        left: currentPos.left
    }).animate({
        top: targetPos.top,
        left: targetPos.left
    }, "slow", function() {
        $(this).css({
            top: 0,
            left: 0
        }).appendTo(target);
        target.addClass("occupied");
    });
</code></pre>
