IE7: .remove() does not work - element (byID) does not exist
<p>This code below DOES NOT work in IE7, but works perfectly in all other browsers tested.</p>

<p>The element <code>'#requestFormContainer'</code> comes into existence after the <code>.ajax</code> request below. </p>

<p>In fact, <code>$('#requestFormContainer').length</code> equals 1 in all browsers tested, but equals 0 in IE7. So it's just not there. No errors in IE's debug tool or Firebug. I'm out of ideas.</p>

<pre><code>function ShowEventForm(erid) {
    $.ajax ({'url': '&lt;?php echo $GLOBALS['SERVER_NAME_HTTP']; ?&gt;ajax/ajax.showrequestform.php',
    'data': {'task':'ShowRequestInfo','erid':erid},
    'dataType':'html', 'type': 'POST',
    'success': function (data) { 
        $('#eventListContainer').hide();
        $('#clientContentPanel').append(data);
        $('#backToEventList').click(function() {
            $('#requestFormContainer').remove();
            $('#eventListContainer').show();
        });
    } 
    });
}
</code></pre>

<p>Updates - No solution with following changes:</p>

<p>I've changed</p>

<p><code>$('#clientContentPanel').append(data)</code> TO <code>$(data).appendTo('#clientContentPanel')</code></p>

<p>and</p>

<p>Removed and relocated some js code from the offending element: </p>

<p><code>&lt;div id="requestFormContainer"&gt;</code> </p>
