title: Cloned inputs have no value - Combodate
body: <p>I'm using <a href="http://vitalets.github.io/combodate/" rel="nofollow noreferrer">Combodate</a> to break up inputs for easier time entry. I'm also allowing multiple times to be entered. Issue is, cloned inputs don't receive a value. </p>
  
  <p>Combodate appears to be initializing, but clearly not working properly and can be see here: <a href="https://jsfiddle.net/klav/xpvt214o/133229/" rel="nofollow noreferrer">https://jsfiddle.net/klav/xpvt214o/133229/</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;button class="btn" id="btnAddDate"&gt;Add Time&lt;/button&gt;
  
  &lt;div id="dateinfo1" class="clonedInput1 dashboard-item-frame"&gt;
      &lt;button class="btn toggle pull-right"&gt;Show Input&lt;/button&gt;
      &lt;input type="text" style="display: block;" 
      data-format="h:mm A" data-template="h : mm A" class="start_time 
      combotime" name="start_time[0]" value=""&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>jQuery </p>
  
  <pre><code>$('.combotime').combodate();
  
  $('#btnAddDate').click(function (e) {
          e.preventDefault();
          var num     = $('.clonedInput1').length,
          newNum  = new Number(num + 1),
          newElem = $('#dateinfo' + num)
              .clone(true)
              .attr('id', 'dateinfo' + newNum)
              .fadeIn('slow');
          newNumLess  = newNum - 1;
  
          // Clear inputs
          newElem.find('input:text').val("").end();
          newElem.find('.start_time')
              .removeClass('combotime')
              .addClass('combotime').combodate();
          newElem.find('.start_time')
              .attr('name', 'start_time[' + newNumLess + ']')
              .val([]);
  
          $('#dateinfo' + num).after(newElem);
          $('#ID' + newNum + '_title').focus();
      });
  </code></pre>