title: Grabbing a single element by ID from page loaded with Request.HTML
body: <p>I'm loading a page that contains many elements and, once loaded, need to be able to grab one single DIV with the id of "panel_1". This is how I'm currently doing it:</p>
  
  <pre><code>var Req = {
      main: new Request.HTML({
          onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript){
              var panel_1 = responseElements.filter('#panel_1');
              Blinds.updatePanel('panel_1', panel_1);
          }
      })
  };
  Req.main.send({
      method:'get',
      url: 'default.php'
  });
  </code></pre>
  
  <p><code>Blinds.updatePanel()</code> is just a function that takes that content and inserts it into the proper DIV.</p>
  
  <p>This is all working fine except for Internet Explorer. For some reason it just chokes on <code>responseElements.filter('#panel_1')</code>. Any ideas why?</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>For some reason when I try this in IE8:</p>
  
  <pre><code>var Req = {
      main: new Request.HTML({
          onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript){
              alert(responseElements.filter('#panel_1').get('id'));
          }
      })
  };
  </code></pre>
  
  <p>I receive this error:</p>
  
  <pre><code>Webpage error details
  
  User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0)
  Timestamp: Mon, 6 Dec 2010 00:07:58 UTC
  
      Message: Object doesn't support this property or method
      Line: 228
      Char: 74
      Code: 0
      URI: http://ideacity.smallparade.com/js/mootools/mootools-core-1.3-full-nocompat-yc.js
  </code></pre>
  
  <p>Other browsers alert with "panel_1".</p>