title: How to update multiple elements in a MooTools Request.HTML call
body: <p>Using MooTools Request.HTML, I have my Request call working perfectly, updating my page element by using something like:</p>
  
  <pre><code>onComplete: function() {
      var response = this.response.text;
      $('content').set("html", response); 
  }
  </code></pre>
  
  <p>However, I'd like to be able to have a response have multiple elements that are updated by ID and I can't for the life of me get this working correctly.  For instance, if my response is:</p>
  
  <pre><code>&lt;response&gt;
      &lt;div id="header"&gt;&lt;h1&gt;My Title&lt;/h1&gt;&lt;/div&gt;
      &lt;div id="content"&gt;&lt;h2&gt;Content&lt;/h2&gt;&lt;p&gt;This is my content&lt;/p&gt;&lt;/div&gt;
      &lt;div id="footer"&gt;&lt;p&gt;Special footer for this page&lt;/p&gt;&lt;/div&gt;
  &lt;/response&gt;
  </code></pre>
  
  <p>I would like the code to loop through the child elements of &lt;response&gt;, grab the id, match that id to an element in the page, and replace the element innerHTML of the page with the element innerHTML from the response.  It didn't seem to be that hard but I just can't seem to get this working.  Any help would be much appreciated.  Thanks.</p>