Enabling live event after it has died
<p>This is a continuation from the previous stackoverflow jQuery question I asked, but I don't think the line that says:</p>

<pre><code>$(".insert").live("click", insertHandler);
</code></pre>

<p>is working.</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 insertHandler(currentRow) {
    var newRow = currentRow.clone(true);
    newRow.children('td:last').empty().append('&lt;input name="myid" /&gt;');
    currentRow.after(newRow);
    document.myForm.myid.focus();
}

function OnLoad() {
    $('input[name="myid"]').live('focusout', function() {
        var myValue = $(this).val();
        var currentCell = $(this).parents("td");
        currentCell.empty().append(myValue);
        $(".insert").live("click", insertHandler); // I need help here
    });
    $('.insert').live('click', function() {
        $('.insert').die();
        var currentRow = $(this).parents("tr:first");
        insertHandler(currentRow);
    });
    $('.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;input name="Other"&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>I want the user to be able to add a new row, but not click "Add" over and over again continually.</p>

<p>With your help, I've disabled the "Add" event, but now I'm having trouble getting back enabled.</p>
