Changing an area from clickable to "unclickable"
<p>I am programming a javascript based tic tac toe game.</p>

<p>I want to make it so that after the user completes a game, none of the open spaces are clickable again, therefore making it so that they cannot continue to add x's to the board.</p>

<p>Currently I begin the program using JQuery to make spots of the grid like so:</p>

<pre><code> $('#upleft').click(function()
</code></pre>

<p>the rest occurs correctly, but this is what makes it clickable to my understanding.</p>

<p>Each space while having the unique id specified above also has a class of tictactoe, and so I thought to turn off the "clickability" by doing this:</p>

<pre><code> $(document).off("click", ".tictactoe");
</code></pre>

<p>However it does not seem to be working. Any suggestions? I'm open to other functions and such. Thank you!</p>
