jquery show and hide problem
<p>I have a set of records with an "edit" button next to them.
I also have a div that has a form inside of it. </p>

<p>when I click on "edit" I show the div. Inside the div, I have a "close" button which simply closes the div via jquery.hide(). when I then click the "edit" button for another record, the div does not get displayed at all.</p>

<p>I use other show and hide within my code for other elements and they work quite fine. Only this one I can't get working.</p>

<p>Is there a specific usage of the show() and hide() methods in my case ?</p>

<pre><code>    $('.edit').live('click', function() {
        var theid = $(this).attr('id');

        $('#' + theid).empty().append($('.rec_edit').show());

        if ($('#txt_nowediting_id').val() &gt; 0) {
            load_single_rec($('#txt_nowediting_id').val());  
        };

        $('#txt_nowediting_id').val(theid);

        return false;
    });


    $('#btnCancelEdit').click(function() {
        $('.rec_edit').hide();
        load_single_rec($('#txt_nowediting_id').val());
        return false;
    });
</code></pre>

<p>here .rec_edit is the div that gets hidden and shown...</p>
