title: Datatables multiple custom toolbar elements
body: <p>I'm adding <a href="https://datatables.net/examples/advanced_init/dom_toolbar.html" rel="nofollow noreferrer">custom toolbar elements</a> to a Datatables table, but I am not sure how to add more than one.</p>
  
  <p>I run the JS below and it moves one element into the toolbar:</p>
  
  <pre><code>var elementOne = $('#elementOne');
  $("div.toolbar").html(elementOne);
  </code></pre>
  
  <p>How do I add a second element to the toolbar?</p>
  
  <p>I tried adding just the html of each element:</p>
  
  <pre><code>var elementOne = $('#elementOne');
  var elementTwo = $('#elementTwo');
  $("div.toolbar").html(elementOne.html() + elementTwo.html());
  </code></pre>
  
  <p>But this resulted in duplicate elements and one of them (button) did not work properly. However, I could probably fix this but I'm wondering if there's a better way.</p>
  
  <p>Also, I cannot generate one of the elements within JavaScript. It must be either moved, which I'd prefer, or copied.</p>