title: Apply data-binding to dom element in a custom data-binding
body: <p>I have a custom data-bind like this :</p>
  
  <pre><code>ko.bindingHandlers.calendar = {
              init: function(element, valueAccessor) {
                  var value = valueAccessor() || {};              
                  var calType =  $('&lt;select style=""&gt;&lt;option value="gregorian"&gt;Miladi&lt;/option&gt;&lt;option value="islamic"&gt;Hicri&lt;/option&gt;&lt;option value="rumi"&gt;Rumi&lt;/option&gt;&lt;/select&gt;');                                                             
  
                  // Need to something to apply this binding for the calType variable
                  calType['attr']('data-bind', 'chosen : true');   
  
                   ....
                   ....
  
                  $(element).before(calType);
              }
  };
  
  ko.bindingHandlers.chosen = {
                  init: function(element, valueAccessor, allBindingsAccessor, viewModel) {
                      $(element).chosen();
                  },
                  update: function(element, valueAccessor, allBindingsAccessor, viewModel) {
                      $(element).trigger("liszt:updated");
                  }
  };
  </code></pre>
  
  <p>I want to apply chosen binding on a dynamically created dom element inside the calendar binding. Is there any way to to this ?</p>