jQuery Insert/Delete a grid
<p>If the user clicks on "Add", I need to temporarily disable all the add/delete listeners until myid loses the focus.</p>

<pre><code>&lt;!DOCTYPE HTML&gt;
&lt;html&gt;
&lt;head&gt;
&lt;script src="http://www.google.com/jsapi"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
function OnLoad() {
    var myCounter = 0;
    $('.insert').live('click', function() {
        var currentRow = $(this).parents("tr:first");
        var newRow = currentRow.clone(true);
        newRow.children('td:last').empty().append('&lt;input name="myid"&gt;');
        currentRow.after(newRow);
        document.myForm.myid.focus();
    });
    $('.delete').live('click', function() {
        if(confirm("Are you sure?")){
            $(this).parents("tr").remove();
        }
    });
}
google.load("jquery", "1");
google.setOnLoadCallback(OnLoad);
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;form name="myForm"&gt;
&lt;table border="1"&gt;
&lt;tr&gt;
&lt;td class="insert"&gt;Add&lt;/td&gt;
&lt;td class="delete"&gt;Erase&lt;/td&gt;
&lt;td&gt;Sample data goes here&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>In other words, I don't want them to click "Add" and then "Add" again.</p>
