title: Can I applyBindings to more than one DOM element using Knockout?
body: <p>I've got a structure like this:</p>
  
  <pre><code>&lt;div id='col1'&gt; ... some ko elements ... &lt;/div&gt;
  &lt;div id='col2'&gt;&lt;/div&gt;
  &lt;div id='col3'&gt; ... some more ko elements ... &lt;/div&gt;
  </code></pre>
  
  <p>... and I need to be able to <code>ko.applyBindings</code> to <code>col1</code> and <code>col3</code>. Right now, I'm doing something like this to bind to <code>col1</code>:</p>
  
  <pre><code>ko.applyBindings(myViewModel, document.getElementById("col1"));
  </code></pre>
  
  <p>That works fine to populate the first column. But I still lack the third column. I'd love to be able to do this:</p>
  
  <pre><code>&lt;div id='col1' class='bindable'&gt; ... some ko elements ... &lt;/div&gt;
  &lt;div id='col2'&gt;&lt;/div&gt;
  &lt;div id='col3' class='bindable'&gt; ... some more ko elements ... &lt;/div&gt;
  </code></pre>
  
  <p>And then...</p>
  
  <pre><code>ko.applyBindings(myViewModel, $(".bindable"));
  </code></pre>
  
  <p>... so that it attempts to bind to all instances of <code>.bindable</code>. Is there anything like this in knockout, or do you have any suggestions?</p>