title: Update multiple Select Options using prototype ajax.updater
body: <p>I'd gone through the documentation for <a href="http://api.prototypejs.org/ajax/Ajax/Updater/" rel="nofollow">Ajax.Updater()</a> where the first argument to the constructor is </p>
  
  <blockquote>
    <p><a href="http://api.prototypejs.org/ajax/Ajax/Updater/new/" rel="nofollow"><strong>container</strong> (<em>String</em> | <em>Element</em>)</a> – The DOM element whose contents to update as a result of the Ajax request. Can be a DOM node or a string that identifies a node's ID.</p>
  </blockquote>
  
  <p>But I want to update two <em>select box</em> using the <a href="http://api.prototypejs.org/ajax/Ajax/Updater/" rel="nofollow">Ajax.Updater()</a>. What should I pass in the first argument? Could it be possible?</p>
  
  <p>For reference, the html look likes:</p>
  
  <pre><code>&lt;select id="options_one"&gt;
      &lt;option value="1"&gt;One&lt;/option&gt;
      &lt;option value="2"&gt;Two&lt;/option&gt;
      &lt;option value="3"&gt;Three&lt;/option&gt;
  &lt;/select&gt;
  &lt;!-- some other html code --&gt;
  &lt;select id="options_two"&gt;
      &lt;option value="1"&gt;One&lt;/option&gt;
      &lt;option value="2"&gt;Two&lt;/option&gt;
      &lt;option value="3"&gt;Three&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Both <code>&lt;select&gt;</code> contains the same value and should be updated after <code>Ajax success</code>.</p>