title: jquery datatable row.add with button and input box
body: <p>Hi I am new to jquery and trying to dynamically add row dynamically using the button from another datatable row.</p>
  
  <p>Is there any easy way that using the row.add() function to create a row with button and input text like the below tr ?</p>
  
  <pre><code>&lt;tr&gt;
  &lt;td&gt; &lt;button type="button" class="btn green btn-xs select-row" data-id="7" data-includeTax="N"&gt;btn&lt;/button&gt;
  &lt;/td&gt;
  &lt;td&gt;1&lt;/td&gt;
  &lt;td&gt;2&lt;/td&gt;
  &lt;td&gt;&lt;input type="text" &gt;&lt;/td&gt;
  &lt;td&gt;3&lt;/td&gt;
  </code></pre>
  
  <p></p>
  
  <p><a href="https://i.stack.imgur.com/UZGr6.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UZGr6.jpg" alt="enter image description here"></a>
  im trying to call function similar to below on onclick event</p>
  
  <p>saleDetailDT.row.add([..... ? ]).draw();</p>