title: Meteor 0.8 Blaze how to update rendered changes for Jquery plugins
body: <p>My question is how to get 1 event or rendered callback when a group of elements are updated in the DOM? If I follow the link in the Blaze wiki <a href="https://github.com/avital/meteor-ui-new-rendered-callback" rel="nofollow">https://github.com/avital/meteor-ui-new-rendered-callback</a> this is not what I want. If I follow the second recommendation, I will get as many rendered calls as I have elements. And the parent element will only get 1 rendered callback on page load.</p>
  
  <p>In my case, I'm using the Footable Jquery plugin to format a table. The initial load works fine, but if I change a filter variable in the Collection find, the DOM updates and no rendered is called again since Blaze only calls rendered once. I do not want to put the  into another template, because that just means multiple calls to rendered and thus multiple calls to Footable when it only needs one for the entire table.</p>
  
  <p>Any help is appreciated.</p>
  
  <pre><code>&lt;template name="customerData"&gt;
    &lt;table class="table"&gt;
      {{#each dataRows}}
      &lt;tr&gt;
        &lt;td&gt;{{first_name}}&lt;/td&gt;
        &lt;td&gt;{{last_name}}&lt;/td&gt;
        &lt;td&gt;{{email}}&lt;/td&gt;
       {{#each phones}}
          &lt;td&gt;{{phone}}&lt;/td&gt;
       {{/each}}
      &lt;/tr&gt;
      {{/each}}
    &lt;/table&gt;
  &lt;/template&gt;
  
  Template.customerData.rendered = function(){
    $(".table").footable();
  }
  
  Template.customerData.phones = function(){
      var result = [];
  
      _.each(this.phoneNumbers, function(element, index, list){
         result.push({ phone: element});
      });
  
  return result;
  }
  </code></pre>