title: Rendering tabs (jquery ui) with Backbone.js & underscore.js
body: <p>I'm currently playing with strophe.js, backbone.js &amp; wijmo (UI library based on jquery UI) and working on a chat interface. I have two dialog boxes, one is the contacts list, the other one will be the chat container. Chat will be organized in tabs with the classic jquery UI markup:</p>
  
  <pre><code>&lt;div id="tabs"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#tabs-1"&gt;Chat 1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tabs-2"&gt;Chat 2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tabs-3"&gt;Chat 3&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div id="tabs-1"&gt;&lt;!-- Content chat 1 --&gt;&lt;/div&gt;
      &lt;div id="tabs-2"&gt;&lt;!-- Content chat 2 --&gt;&lt;/div&gt;
      &lt;div id="tabs-3"&gt;&lt;!-- Content chat 3 --&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Each individual chat container will contain a participants list (multi-user chat), the messages and a form.</p>
  
  <p>Being fairly new to Backbone &amp; underscore, I'm wondering what's the best way to handle this. I started with a Chat model, a Chats collection, a chat view and a chat list view but I don't find a proper way to render the tabs and keep it updated.</p>
  
  <p>Any ideas ?</p>