title: Binding For-Each to JQuery Accordion
body: <p>I want to create an accordion UI using a for each loop. I have the following code so far...</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="accordion" data-bind="foreach: fixtures"&gt;
     &lt;h3&gt;&lt;a href="#" data-bind="text: name"&gt;&lt;/a&gt;&lt;/h3&gt;
     &lt;div&gt;Information&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JAVASCRIPT</p>
  
  <pre><code>$("#accordion").accordion({ header: "h3", collapsible: true, active: true});
  </code></pre>
  
  <p>Any clues as to where this is going wrong?</p>