title: Adding html markup in datatables add row
body: <p>I want to implement dynamically addrow in datatables but somehow i cant get it to work by adding html markup inside the newly added row and select data dont show up.</p>
  
  <p>this is my js,</p>
  
  <pre><code>    $('#productselect').each(function(index, value){
          var initSelectpicker = $(this).selectpicker();
          $.getJSON('../../../html/data/productlist.php', function(data){
  
              initSelectpicker.html('');
              $.each(data, function(key, val){
                  initSelectpicker.append('&lt;option value="' + val["prod_desc"] + '"&gt;'+ val["prod_desc"] + '&lt;/option&gt;');
              });
              initSelectpicker.selectpicker('refresh');
          });
      }); //end flightselect
  $(document).ready(function() {
      var t = $('#example').DataTable();
      var counter = 1;
  
      $('#addRow').on( 'click', function () {
          t.row.add([
              counter +'.1',
              "&lt;select class='form-control' id='productselect' data-live-search='true'&gt;",
              counter +'.3',
              counter +'.4',
              counter +'.5'
          ]).draw( false );
  
          counter++;
      } );
  
      // Automatically add a first row of data
      $('#addRow').click();
  } );
  </code></pre>